@import '../mix/variables';

// CLEARFIX
//------------------------------------
.cf:after {
    content:"";
    display:block;
    clear:both;
}

// WRAPPER CONTEUDO
//------------------------------------
.content {
    margin-left:auto;
    margin-right:auto;
    max-width:@larguraContent;
    width:100%;
}

// WRAPPER GRID
//------------------------------------
.row{
    margin-left:-15px;
    margin-right:-15px;
}

// FORMS
//------------------------------------
// mini reset
input,
textarea,
keygen,
select,
button {
    font-size: @font-base * 1px;
    line-height:1em;
}

// remove outline inputs padrão
input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: 0;
}

// remove X dos inputs no IE
::-ms-clear {
    display: none;
}

// reseta select em brownsers website
// principalmente mobile
select {
    -webkit-appearance: listbox;
}

// tira margins do element figure
figure {
    margin: 0;
}

// object = block !
object {
    display: block;
}

// setinhas select somente em webkit (chrome, etc)
@media (-webkit-min-device-pixel-ratio:0) {
    .select-seta {
        position: relative;

        &:after {
            content: '';
            display: block;
            position: absolute;
            right: (@gutter-width*2)+3px;
            top: 13px;
            bottom: 0;
            border-width: 1px;
            border-style: solid;
            border-color: transparent black black transparent;
            margin: auto;
            background: transparent;
            width: 6px;
            height: 6px;
            transform: rotate(45deg) translateY(-1px);
        }
    }
}