Sha256: 31634a20d6544140ac2b2c173afc09d9e568f1702136f4b577597a8f362dbea1
Contents?: true
Size: 1.49 KB
Versions: 3
Compression:
Stored size: 1.49 KB
Contents
/*------------------------------------*\
#BOX
\*------------------------------------*/
/**
* The box object simply boxes off content.
*/
// Predefine the variables below in order to alter and enable specific features.
$inuit-box-namespace: $inuit-namespace !default;
$inuit-box-padding: $inuit-base-spacing-unit !default;
$inuit-box-padding--small: halve($inuit-box-padding) !default;
$inuit-box-padding--large: double($inuit-box-padding) !default;
$inuit-enable-box--flush: false !default;
$inuit-enable-box--small: false !default;
$inuit-enable-box--large: false !default;
/**
* 1. So we can apply the `.box` class to naturally-inline elements.
*/
.#{$inuit-box-namespace}box,
%#{$inuit-box-namespace}box {
@extend %clearfix;
display: block; /* [1] */
padding: $inuit-box-padding;
> :last-child {
margin-bottom: 0;
}
}
@if ($inuit-enable-box--flush == true) {
/**
* Flush (i.e. no padding) box.
*/
.#{$inuit-box-namespace}box--flush,
%#{$inuit-box-namespace}box--flush {
padding: 0;
}
}
@if ($inuit-enable-box--small == true) {
/**
* Small box.
*/
.#{$inuit-box-namespace}box--small,
%#{$inuit-box-namespace}box--small {
padding: $inuit-box-padding--small;
}
}
@if ($inuit-enable-box--large == true) {
/**
* Large box.
*/
.#{$inuit-box-namespace}box--large,
%#{$inuit-box-namespace}box--large {
padding: $inuit-box-padding--large;
}
}
Version data entries
3 entries across 3 versions & 1 rubygems