Sha256: afe41dbc39f62e48fbfe1386a67402bacf828ba6378d44aef1b742d660619b6a
Contents?: true
Size: 952 Bytes
Versions: 39
Compression:
Stored size: 952 Bytes
Contents
////
/// Layout
/// @group foundation/layout
////
$layout-width-data: (
primary: (
min: rem(480px),
max: rem(672px)
),
secondary: (
min: rem(240px),
max: rem(344px)
),
nav: (
base: rem(240px)
),
page-with-nav: (
base: rem(700px)
),
page-content: (
not-condensed: rem(680px),
partially-condensed: rem(450px)
),
inner-spacing: (
base: spacing(loose)
),
outer-spacing: (
min: spacing(loose),
max: spacing(extra-loose)
)
);
/// Returns the widths of the specified column.
/// @param {String} $name - The column name.
/// @return {Number} The width for the column.
@function layout-width($name, $value: base) {
$fetched-value: map-get(map-get($layout-width-data, $name), $value);
@if type-of($fetched-value) != null {
@return $fetched-value;
} @else {
@error 'Column `#{$name} - #{$value}` not found. Available columns: #{available-names($layout-width-data)}';
}
}
Version data entries
39 entries across 39 versions & 1 rubygems