rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/forms/_buttons.scss

37 lines
1.3 KiB
SCSS
Raw Normal View History

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.
2014-07-28 13:35:53 +00:00
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: $color__border-button;
Remove border-radius mixin
2014-09-14 17:26:29 +00:00
border-radius: 3px;
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.
2014-07-28 13:35:53 +00:00
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);
}