mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 01:32:36 +02:00
3e2cdcd138
included all dev and production files for new redesign. the index file has a different layout than the interior page files. for more in-depth look into how these are set up, look in the templates > includes & layouts folders. I used .liquid files to create these pages, and all the content for the files are in there, with the base layout stuff in the includes and layout files. check the converted-html folder to see how everything should look. (test it on an android phone. should look good now) :)
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}
|