@eui/styles 23.0.0-alpha.10 → 23.0.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base/01-base/functions/_other.functions.scss +4 -3
- package/dist/eui-bootstrap-grid.css +1 -1
- package/dist/eui-bootstrap-grid.css.map +1 -1
- package/dist/eui-ecl-ec.css +4 -4
- package/dist/eui-ecl-ec.css.map +1 -1
- package/dist/eui-ecl-eu.css +4 -4
- package/dist/eui-ecl-eu.css.map +1 -1
- package/dist/eui-ecl-grid.css.map +1 -1
- package/dist/eui-showcase-all.css +1 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["04-vendors/libs/ecl/mixins/_breakpoints.scss","04-vendors/libs/ecl/mixins/_grid-framework.scss","04-vendors/libs/ecl/grid.scss","04-vendors/libs/ecl/mixins/_grid.scss"],"names":[],"mappings":"AAKA;;AAAA;AAAA;;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BA;AAAA;AAAA;AAAA;AAUA;AAAA;;AAAA;AAAA;AAAA;AAYA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AC1CA;ACLE;ECAA;EACA;EACA;EACA;EACA;EAMI;EACA;;AHwDA;EEnEJ;ICUI;IACA;;;AHwDA;EEnEJ;ICUI;IACA;;;AHwDA;EEnEJ;ICUI;IACA;;;AHwDA;EEnEJ;ICUI;IACA;;;AHwDA;EEnEJ;ICuBI;IACA,OANS;;;AHiDT;EEnEJ;ICuBI;IACA,OANS;;;AHiDT;EEnEJ;ICuBI;IACA,OANS;;;AHiDT;EEnEJ;ICuBI;IACA,OANS;;;;ADXb;ECkCA;EACA;EACA;EAMI;EACA;;AHiBA;EE5DJ;IC0CI;IACA;;;AHiBA;EE5DJ;IC0CI;IACA;;;AHiBA;EE5DJ;IC0CI;IACA;;;AHiBA;EE5DJ;IC0CI;IACA;;;;ADrCJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;;ADPJ;EACE;EACA;EACA;EACA;EEiBE;EACA;;AHgCA;ECtDJ;IEqBI;IACA;;;AHgCA;ECtDJ;IEqBI;IACA;;;AHgCA;ECtDJ;IEqBI;IACA;;;AHgCA;ECtDJ;IEqBI;IACA;;;;AFHF;AAGI;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AF/CM;EEyCN;EAMA;;;AFxCQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEoDR;;;AFpDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFhDQ;EEgDR;;;AFtCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFlCQ;EEkCR;;;AFtDE;ADmCE;EChCE;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EFxCQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFtCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;;AFtDE;ADmCE;EChCE;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EFxCQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFtCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;;AFtDE;ADmCE;EChCE;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EFxCQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFtCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;;AFtDE;ADmCE;EChCE;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EF/CM;IEyCN;IAMA;;EFxCQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEoDR;;EFpDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFhDQ;IEgDR;;EFtCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR;;EFlCQ;IEkCR","file":"eui-ecl-grid.css","sourcesContent":["@use 'sass:list';\n@use 'sass:map';\n\n$theme: null !default;\n\n/* Breakpoint viewport sizes and media queries.\n\nBreakpoints are defined as a map of (name: minimum width), order from small to large:\n (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px)\n\n The map defined in the `$breakpoint` global variable is used as the `$breakpoints` argument by default.\n\n Name of the next breakpoint, or null for the last breakpoint.\n\n >> breakpoint-next(s)\n m\n >> breakpoint-next(s, (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px))\n m\n >> breakpoint-next(s, $breakpoint-names: (xs s m l xl))\n m\n*/\n\n@function next(\n $name,\n $breakpoints: map.get($theme, 'breakpoint'),\n $breakpoint-names: map.keys($breakpoints)\n) {\n $n: list.index($breakpoint-names, $name);\n\n @return if(\n $n < list.length($breakpoint-names),\n list.nth($breakpoint-names, $n + 1),\n null\n );\n}\n\n/* Minimum breakpoint width. Null for the smallest (first) breakpoint.\n >> ecl-min(s, (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px))\n 479px\n*/\n@function ecl-min($name, $breakpoints: map.get($theme, 'breakpoint')) {\n $min: map.get($breakpoints, $name);\n\n @return if($min != 0, $min, null);\n}\n\n/* Maximum breakpoint width. Null for the largest (last) breakpoint.\n The maximum value is calculated as the minimum of the next one less 0.1.\n\n >> ecl-max(s, (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px))\n 767px\n*/\n@function ecl-max($name, $breakpoints: map.get($theme, 'breakpoint')) {\n $next: next($name, $breakpoints);\n\n @return if($next, ecl-min($next, $breakpoints) - 1px, null);\n}\n\n/* Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n Useful for making responsive utilities.\n\n >> infix(xs, (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px))\n \"\" (Returns a blank string)\n >> infix(s, (xs: 0, s: 480px, m: 768px, l: 996px, xl: 1140px))\n \"-s\"\n*/\n@function infix($name, $breakpoints: map.get($theme, 'breakpoint')) {\n @return if(ecl-min($name, $breakpoints) == null, '', '-#{$name}');\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin up($name, $breakpoints: map.get($theme, 'breakpoint')) {\n @if map.has-key($breakpoints, $name) {\n $min: ecl-min($name, $breakpoints);\n\n @if $min {\n // stylelint-disable-next-line media-query-no-invalid\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin down($name, $breakpoints: map.get($theme, 'breakpoint')) {\n @if map.has-key($breakpoints, $name) {\n $max: ecl-max($name, $breakpoints);\n\n @if $max {\n // stylelint-disable-next-line media-query-no-invalid\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin between($lower, $upper, $breakpoints: map.get($theme, 'breakpoint')) {\n @include up($lower, $breakpoints) {\n @include down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint\"s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin only($name, $breakpoints: map.get($theme, 'breakpoint')) {\n @include between($name, $name, $breakpoints) {\n @content;\n }\n}\n","@use 'sass:map';\n\n$theme: null !default;\n\n@use 'breakpoints' with (\n $theme: $theme\n);\n@use 'grid' with (\n $theme: $theme\n);\n\n// Framework grid generation\n\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n/* stylelint-disable max-nesting-depth */\n\n@mixin make-grid-columns(\n $columns: map.get($theme, 'grid', 'columns'),\n $gutters: map.get($theme, 'grid-gutter-width'),\n $breakpoints: map.get($theme, 'breakpoint')\n) {\n // Common properties for all breakpoints\n %grid-column {\n box-sizing: border-box;\n min-height: 1px; // Prevent columns from collapsing when empty\n position: relative;\n width: 100%;\n\n @include grid.make-gutters($gutters);\n }\n\n @each $breakpoint in map.keys($breakpoints) {\n $infix: breakpoints.infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .ecl-col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n\n /* stylelint-disable-next-line order/order */\n @include breakpoints.up($breakpoint, $breakpoints) {\n @for $i from 1 through $columns {\n .ecl-col#{$infix}-#{$i} {\n @include grid.make-col($i, $columns);\n }\n }\n\n @each $modifier in (pull, push) {\n @for $i from 0 through $columns {\n .ecl-#{$modifier}#{$infix}-#{$i} {\n @include grid.make-col-modifier($modifier, $i, $columns);\n }\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not($infix == '' and $i == 0) {\n // Avoid emitting useless .offset-xs-0\n .ecl-offset#{$infix}-#{$i} {\n @include grid.make-col-modifier(offset, $i, $columns);\n }\n }\n }\n }\n }\n}\n","// Grid mixins\n$theme: null !default;\n\n@use 'mixins/grid-framework' with (\n $theme: $theme\n);\n@use 'mixins/grid';\n\n@mixin ecl-grid() {\n // Container widths\n // Set the container width, and override it for fixed navbars in media queries.\n .ecl-container {\n @include grid.ecl-make-container;\n @include grid.ecl-make-container-max-widths;\n }\n\n // Row\n // Rows contain and clear the floats of your columns.\n .ecl-row {\n @include grid.ecl-make-row;\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .ecl-no-gutters {\n margin-inline-start: 0;\n margin-inline-end: 0;\n\n > .ecl-col,\n > [class*='ecl-col-'] {\n padding-inline-start: 0;\n padding-inline-end: 0;\n }\n }\n\n // Columns\n // Common styles for small and large grid columns\n @include grid-framework.make-grid-columns; // stylelint-disable-line\n}\n\n// Use mixin\n@include ecl-grid;\n","@use 'sass:map';\n@use 'sass:math';\n@use 'breakpoints';\n\n$theme: null !default;\n\n/// Grid system\n\n// Generate semantic grid columns with these mixins.\n\n@mixin ecl-make-container($gutters: map.get($theme, 'grid-gutter-width')) {\n box-sizing: border-box;\n margin-inline-start: auto;\n margin-inline-end: auto;\n position: relative;\n width: 100%;\n\n @each $breakpoint in map.keys($gutters) {\n @include breakpoints.up($breakpoint) {\n $gutter: map.get($gutters, $breakpoint);\n\n padding-inline-start: $gutter * map.get($theme, 'container-spacing');\n padding-inline-end: $gutter * map.get($theme, 'container-spacing');\n }\n }\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin ecl-make-container-max-widths(\n $max-widths: map.get($theme, 'container'),\n $breakpoints: map.get($theme, 'breakpoint')\n) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include breakpoints.up($breakpoint, $breakpoints) {\n max-width: 100%;\n width: $container-max-width;\n }\n }\n}\n\n@mixin make-gutters($gutters: map.get($theme, 'grid-gutter-width')) {\n @each $breakpoint in map.keys($gutters) {\n @include breakpoints.up($breakpoint) {\n $gutter: map.get($gutters, $breakpoint);\n\n padding-inline-start: ($gutter * 0.5);\n padding-inline-end: ($gutter * 0.5);\n }\n }\n}\n\n@mixin ecl-make-row($gutters: map.get($theme, 'grid-gutter-width')) {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n\n @each $breakpoint in map.keys($gutters) {\n @include breakpoints.up($breakpoint) {\n $gutter: map.get($gutters, $breakpoint);\n\n margin-inline-start: math.div($gutter, -2);\n margin-inline-end: math.div($gutter, -2);\n }\n }\n}\n\n@mixin make-col-ready($gutters: map.get($theme, 'grid-gutter-width')) {\n box-sizing: border-box;\n min-height: 1px; // Prevent collapsing\n position: relative;\n\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n\n @each $breakpoint in map.keys($gutters) {\n @include breakpoints.up($breakpoint) {\n $gutter: map.get($gutters, $breakpoint);\n\n padding-inline-start: ($gutter * 0.5);\n padding-inline-end: ($gutter * 0.5);\n }\n }\n}\n\n@mixin make-col($size, $columns: map.get($grid, 'columns')) {\n flex: 0 0 math.percentage(math.div($size, $columns));\n\n // width: percentage($size / $columns);\n // Add a `max-width` to make sure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: math.percentage(math.div($size, $columns));\n}\n\n@mixin make-col-offset($size, $columns: map.get($grid, 'columns')) {\n margin-inline-start: math.percentage(math.div($size, $columns));\n}\n\n@mixin make-col-push($size, $columns: map.get($grid, 'columns')) {\n left: if($size > 0, math.percentage(math.div($size, $columns)), auto);\n}\n\n@mixin make-col-pull($size, $columns: map.get($grid, 'columns')) {\n right: if($size > 0, math.percentage(math.div($size, $columns)), auto);\n}\n\n@mixin make-col-modifier($type, $size, $columns) {\n // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)\n @if $type == push {\n @include make-col-push($size, $columns);\n } @else if $type == pull {\n @include make-col-pull($size, $columns);\n } @else if $type == offset {\n @include make-col-offset($size, $columns);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["04-vendors/ecl-grid.scss"],"names":[],"mappings":"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","file":"eui-ecl-grid.css","sourcesContent":["// ==========================================================================\n// EUI ECL Grid — Standalone replacement\n// ==========================================================================\n// Self-contained ECL grid system producing the same CSS as the previous\n// vendored ECL grid (libs/ecl), using modern Sass with no deprecated\n// if() functions or global builtins.\n// ==========================================================================\n\n@use 'sass:map';\n@use 'sass:math';\n@use 'sass:list';\n\n// ---------------------------------------------------------------------------\n// Configuration (from ec-theme/maps/layout)\n// ---------------------------------------------------------------------------\n\n$ecl-breakpoints: (\n 'xs': 0,\n 's': 480px,\n 'm': 768px,\n 'l': 996px,\n 'xl': 1140px,\n) !default;\n\n$ecl-containers: (\n 's': 768px,\n 'm': 996px,\n 'l': 1140px,\n 'xl': 1368px,\n) !default;\n\n$ecl-grid-columns: 12 !default;\n$ecl-container-spacing: 1 !default;\n\n// Responsive gutters per breakpoint\n$ecl-grid-gutter-width: (\n 'xs': 1rem,\n 's': 1rem,\n 'm': 1.5rem,\n 'l': 1.5rem,\n 'xl': 2rem,\n) !default;\n\n// ---------------------------------------------------------------------------\n// Breakpoint helpers\n// ---------------------------------------------------------------------------\n\n@function ecl-breakpoint-min($name, $breakpoints: $ecl-breakpoints) {\n $min: map.get($breakpoints, $name);\n @if $min != 0 {\n @return $min;\n }\n @return null;\n}\n\n@function ecl-breakpoint-infix($name, $breakpoints: $ecl-breakpoints) {\n @if ecl-breakpoint-min($name, $breakpoints) == null {\n @return '';\n }\n @return '-#{$name}';\n}\n\n@mixin ecl-media-up($name, $breakpoints: $ecl-breakpoints) {\n @if map.has-key($breakpoints, $name) {\n $min: ecl-breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// ---------------------------------------------------------------------------\n// Container\n// ---------------------------------------------------------------------------\n\n.ecl-container {\n box-sizing: border-box;\n margin-inline-start: auto;\n margin-inline-end: auto;\n position: relative;\n width: 100%;\n\n @each $breakpoint in map.keys($ecl-grid-gutter-width) {\n @include ecl-media-up($breakpoint) {\n $gutter: map.get($ecl-grid-gutter-width, $breakpoint);\n padding-inline-start: $gutter * $ecl-container-spacing;\n padding-inline-end: $gutter * $ecl-container-spacing;\n }\n }\n\n @each $breakpoint, $container-width in $ecl-containers {\n @include ecl-media-up($breakpoint) {\n max-width: 100%;\n width: $container-width;\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// Row\n// ---------------------------------------------------------------------------\n\n.ecl-row {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n\n @each $breakpoint in map.keys($ecl-grid-gutter-width) {\n @include ecl-media-up($breakpoint) {\n $gutter: map.get($ecl-grid-gutter-width, $breakpoint);\n margin-inline-start: math.div($gutter, -2);\n margin-inline-end: math.div($gutter, -2);\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// No gutters\n// ---------------------------------------------------------------------------\n\n.ecl-no-gutters {\n margin-inline-start: 0;\n margin-inline-end: 0;\n\n > .ecl-col,\n > [class*='ecl-col-'] {\n padding-inline-start: 0;\n padding-inline-end: 0;\n }\n}\n\n// ---------------------------------------------------------------------------\n// Column base styles\n// ---------------------------------------------------------------------------\n\n%ecl-grid-column {\n box-sizing: border-box;\n min-height: 1px;\n position: relative;\n width: 100%;\n\n @each $breakpoint in map.keys($ecl-grid-gutter-width) {\n @include ecl-media-up($breakpoint) {\n $gutter: map.get($ecl-grid-gutter-width, $breakpoint);\n padding-inline-start: ($gutter * 0.5);\n padding-inline-end: ($gutter * 0.5);\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// Grid class generation\n// ---------------------------------------------------------------------------\n\n@each $breakpoint in map.keys($ecl-breakpoints) {\n $infix: ecl-breakpoint-infix($breakpoint, $ecl-breakpoints);\n\n @for $i from 1 through $ecl-grid-columns {\n .ecl-col#{$infix}-#{$i} {\n @extend %ecl-grid-column;\n }\n }\n\n @include ecl-media-up($breakpoint) {\n @for $i from 1 through $ecl-grid-columns {\n .ecl-col#{$infix}-#{$i} {\n flex: 0 0 math.percentage(math.div($i, $ecl-grid-columns));\n max-width: math.percentage(math.div($i, $ecl-grid-columns));\n }\n }\n\n @for $i from 0 through $ecl-grid-columns {\n .ecl-pull#{$infix}-#{$i} {\n @if $i > 0 {\n right: math.percentage(math.div($i, $ecl-grid-columns));\n } @else {\n right: auto;\n }\n }\n }\n\n @for $i from 0 through $ecl-grid-columns {\n .ecl-push#{$infix}-#{$i} {\n @if $i > 0 {\n left: math.percentage(math.div($i, $ecl-grid-columns));\n } @else {\n left: auto;\n }\n }\n }\n\n @for $i from 0 through ($ecl-grid-columns - 1) {\n @if not ($infix == '' and $i == 0) {\n .ecl-offset#{$infix}-#{$i} {\n @if $i == 0 {\n margin-inline-start: 0;\n } @else {\n margin-inline-start: math.percentage(math.div($i, $ecl-grid-columns));\n }\n }\n }\n }\n }\n}\n"]}
|