33 lines
651 B
SCSS
33 lines
651 B
SCSS
|
// Foundation for Emails by ZURB
|
||
|
|
// zurb.com/ink/
|
||
|
|
// Licensed under MIT Open Source
|
||
|
|
|
||
|
|
////
|
||
|
|
/// @group block-grid
|
||
|
|
////
|
||
|
|
|
||
|
|
/// The highest number of `.x-up` classes available when using the block grid CSS.
|
||
|
|
/// @type Number
|
||
|
|
$block-grid-max: 8 !default;
|
||
|
|
|
||
|
|
/// Gutter between elements in a block grid.
|
||
|
|
/// @type Number
|
||
|
|
$block-grid-gutter: $global-gutter !default;
|
||
|
|
|
||
|
|
.block-grid {
|
||
|
|
width: 100%;
|
||
|
|
max-width: $global-width;
|
||
|
|
|
||
|
|
td {
|
||
|
|
display: inline-block;
|
||
|
|
padding: $block-grid-gutter / 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Sizing classes
|
||
|
|
@for $i from 2 through $block-grid-max {
|
||
|
|
.up-#{$i} td {
|
||
|
|
width: floor(($global-width - $i * $block-grid-gutter) / $i) !important;
|
||
|
|
}
|
||
|
|
}
|