27 lines
699 B
SCSS
27 lines
699 B
SCSS
// ==========================================================================
|
|
// Utilities / Widths
|
|
// ==========================================================================
|
|
|
|
////
|
|
/// @link https://github.com/inuitcss/inuitcss/blob/6eb574f/utilities/_utilities.widths.scss
|
|
////
|
|
|
|
/// Which fractions would you like in your grid system(s)?
|
|
/// By default, the boilerplate provides fractions of one whole, halves, thirds,
|
|
/// quarters, and fifths, e.g.:
|
|
///
|
|
/// @example css
|
|
/// .u-1/2
|
|
/// .u-2/5
|
|
/// .u-3/4
|
|
/// .u-2/3
|
|
$widths-fractions: 1 2 3 4 5 !default;
|
|
|
|
@include widths($widths-fractions);
|
|
|
|
.u-1\/2\@from-small {
|
|
@media (min-width: $from-small) {
|
|
width: span(1/2);
|
|
}
|
|
}
|