100 lines
1.7 KiB
Stylus
100 lines
1.7 KiB
Stylus
/* ----------------------------- */
|
|
/* ==Forms */
|
|
/* ----------------------------- */
|
|
|
|
/* thanks to HTML5boilerplate,
|
|
* github.com/nathansmith/formalize and www.sitepen.com
|
|
*/
|
|
|
|
/* 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[type="search"]
|
|
&::-webkit-search-decoration
|
|
&::-webkit-search-cancel-button
|
|
&::-webkit-search-results-button
|
|
&::-webkit-search-results-decoration
|
|
display: none
|
|
|
|
::-webkit-input-placeholder
|
|
color #777
|
|
|
|
input:-moz-placeholder
|
|
textarea:-moz-placeholder
|
|
color #777
|
|
|
|
.{$kna-namespace}btn
|
|
input[type="button"]
|
|
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
|
|
input[type="button"]
|
|
input[type="submit"]
|
|
input[type="reset"]
|
|
&.{$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
|