mirror of
https://github.com/neocities/neocities.git
synced 2025-04-24 17:22:35 +02:00
29 lines
1.3 KiB
SCSS
29 lines
1.3 KiB
SCSS
// ----------------------------------------------------------------
|
|
// Form Elements Standardization
|
|
// ----------------------------------------------------------------
|
|
// Consistent Margins
|
|
form{@extend %margin-bottom;}
|
|
|
|
// Corrects font-family and size not being inherited in all browsers, inconsistent margins, line-heights and transforms
|
|
button, input, select, textarea{border:0; font:{family:inherit; size:100%}; line-height:normal; margin:0; text-transform:none}
|
|
|
|
// Makes buttons look like buttons with appropriate cursors
|
|
button, html input[type='button'], input[type='reset'], input[type='submit']{cursor:pointer; -webkit-appearance:button}
|
|
|
|
// Makes it look like a normal text input, only with a (x) when text has been entered
|
|
input[type='search']{-webkit-appearance:textfield}
|
|
|
|
// Disabled input styling
|
|
input[disabled]{background:$c-Light; cursor:not-allowed}
|
|
|
|
// Read Only input styling
|
|
input[readonly]{background:$c-Disabled}
|
|
|
|
// Removes extra inner padding for webkit
|
|
input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
|
|
|
|
// Removes inner padding & border in Firefox 4+
|
|
buton::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
|
|
|
|
// Makes sure that overflow shows and text is aligned to top of area
|
|
textarea{overflow:auto; vertical-align:top; border: 2px solid #DCE4EC;}
|