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/mixins/_mixins-master.scss

30 lines
600 B
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
// Rem output with px fallback
Normalize rather than Reset. The reset we used was a mix of Normalize, the Paul Irish reset, sprinkled with some blueprint.css, and base styles. It was hard to maintain and just seemed outdated (setting the base font-size to 10px instead of 16px, among other things). Normalize sets saner defaults and is generally just not as disruptive as a full reset. The code was added as is, has only its comments stripped (for now), and is not mixed with any styles to make future updates to it as easy as possible. See #3, #44, #174, #267, #617.
2014-12-30 00:28:19 +00:00
@mixin font-size($sizeValue: 1) {
Using best practices to apply the proper units to the font-size mixin. See http://sass-guidelin.es/#units
2015-02-18 03:28:00 +00:00
font-size: ($sizeValue * 16) * 1px;
font-size: $sizeValue * 1rem;
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
}
// Center block
@mixin center-block {
indentation using tabs instead of mixed tabs/spaces see https://github.com/Automattic/_s/pull/565
2014-08-13 16:38:51 +00:00
display: block;
Remove unnecessary margin-top and margin-bottom from center-block mixin. Setting top and bottom margins is not necessary to center the element, and it can potentially override the margins set by another rule.
2015-01-11 19:23:26 +00:00
margin-left: auto;
margin-right: auto;
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
}
// Clearfix
@mixin clearfix() {
indentation using tabs instead of mixed tabs/spaces see https://github.com/Automattic/_s/pull/565
2014-08-13 16:38:51 +00:00
content: "";
display: table;
Set a fixed table-layout in the clearfix to avoid max-width conflict. Some browsers ignore the max-width property on children of elements with display: table. See http://www.carsonshold.com/2014/07/css-display-table-cell-child-width-bug-in-firefox-and-ie/
2015-01-11 21:50:06 +00:00
table-layout: fixed;
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
}
Changes description of mixin - props @r007 Relates to #582
2014-08-18 15:38:19 +00:00
// Clear after (not all clearfix need this also)
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
@mixin clearfix-after() {
indentation using tabs instead of mixed tabs/spaces see https://github.com/Automattic/_s/pull/565
2014-08-13 16:38:51 +00:00
clear: both;
Put vendor specific property first
2014-08-13 12:03:05 +00:00
}
Basic WooCommerce Integration.
2017-08-01 13:21:13 +00:00
// Column width with margin
@mixin column-width($numberColumns: 3) {
Fix column-width sass mixin.
2017-08-23 16:13:49 +00:00
width: map-get( $columns, $numberColumns ) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
File must end with a newline character.
2017-08-30 11:03:53 +00:00
}