Initial commit for _sass.
Props @michaelArestad @hugobeta, and @jacklenox. * Give prefix to variable files. This avoids confusion with files of similar names like typography. It also helps with the visual recognition over what file does what. * Set up mixins-master. * Setting foundation for encouraging in larger projects use of more than one mixing file. This creates a master mixins file that we can then bring subs into if the project grows. * Fixed line breaks, spacing and new lines. Props @gregrickaby. * Nest widget select. Props @gregrickaby. * Make variables be variables-site. Makes this the global variables folder. People can then use sub folders in sections for local only variables. * Change content directory to be site directory. * Remove zip. Revert `style.css` to not be auto generated version. * Fixes rem size issue on body font. * Fixes for differences between `_s` and `_sass`. Fixed font sizes, added in display block to classes so they compile and the theme check passes. * Remove text domain and clean up css.
This commit is contained in:
parent
104b34821a
commit
068f90fc8f
34 changed files with 880 additions and 2 deletions
37
sass/forms/_buttons.scss
Normal file
37
sass/forms/_buttons.scss
Normal file
|
@ -0,0 +1,37 @@
|
|||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
border: 1px solid;
|
||||
border-color: $color__border-button;
|
||||
@include border-radius(3px);
|
||||
background: $color__background-button;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
|
||||
color: rgba(0, 0, 0, .8);
|
||||
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
|
||||
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
|
||||
@include font-size(1.2);
|
||||
line-height: 1;
|
||||
padding: .6em 1em .4em;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
button:hover,
|
||||
input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
border-color: $color__border-button-hover;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
button:focus,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:focus,
|
||||
button:active,
|
||||
input[type="button"]:active,
|
||||
input[type="reset"]:active,
|
||||
input[type="submit"]:active {
|
||||
border-color: $color__border-button-focus;
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
56
sass/forms/_fields.scss
Normal file
56
sass/forms/_fields.scss
Normal file
|
@ -0,0 +1,56 @@
|
|||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
padding: 0; /* Addresses excess padding in IE8/9 */
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
|
||||
-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"],
|
||||
textarea {
|
||||
color: $color__text-input;
|
||||
border: 1px solid $color__border-input;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="search"]:focus,
|
||||
textarea:focus {
|
||||
color: $color__text-input-focus;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="password"],
|
||||
input[type="search"] {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
|
||||
padding-left: 3px;
|
||||
vertical-align: top; /* Improves readability and alignment in all browsers */
|
||||
width: 100%;
|
||||
}
|
12
sass/forms/_forms.scss
Normal file
12
sass/forms/_forms.scss
Normal file
|
@ -0,0 +1,12 @@
|
|||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%; /* Corrects font size not being inherited in all browsers */
|
||||
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
|
||||
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
|
||||
}
|
||||
|
||||
@import "buttons";
|
||||
|
||||
@import "fields";
|
Loading…
Add table
Add a link
Reference in a new issue