/* —————————– */ /* ==Forms */ /* —————————– */

/* thanks to HTML5boilerplate,

*/

/* buttons */ .#{$kna-namespace}btn {

display: inline-block;

}

/* forms items */ form, fieldset {

border: none;

}

input, button, select, label, .#{$kna-namespace}btn {

font-family: inherit;
font-size: inherit;

}

button, input, optgroup, select, textarea {

color: $base-color;

}

label {

vertical-align: middle;
cursor: pointer;

}

legend {

border: 0;
white-space: normal;

}

textarea {

min-height: 5em;
vertical-align: top;
font-family: inherit;
font-size: inherit;
resize: vertical;

}

select {

-webkit-appearance: menulist-button;

}

/* if select styling bugs on WebKit */ /* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {

display: none;

}

::-webkit-input-placeholder {

color: #777;

}

input:-moz-placeholder, textarea:-moz-placeholder {

color: #777;

}

.#{$kna-namespace}btn:focus, input:focus, button:focus {

-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;

}

/* unstyled forms */

button.#{$kna-namespace}unstyled, input.#{$kna-namespace}unstyled, input.#{$kna-namespace}unstyled, input.#{$kna-namespace}unstyled {

padding: 0;
border: none;
line-height: 1;
text-align: left;
background: none;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;

&:focus {
  box-shadow: none;
  outline: none;
}

}