From e3d34a6d6ce2db04c3c898ad6a4687a0c59df996 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 18 Oct 2024 19:07:42 +0200 Subject: Update --- src/layouts/_button-group.vars.scss | 4 ++-- src/layouts/_card-list.vars.scss | 26 +++++++++++++------------- src/layouts/_container.vars.scss | 14 +++++++------- src/layouts/_form.vars.scss | 6 +++--- src/layouts/_media.vars.scss | 10 +++++----- src/layouts/_overflow.scss | 4 ++-- 6 files changed, 32 insertions(+), 32 deletions(-) (limited to 'src/layouts') diff --git a/src/layouts/_button-group.vars.scss b/src/layouts/_button-group.vars.scss index ac57b44..23b09c0 100644 --- a/src/layouts/_button-group.vars.scss +++ b/src/layouts/_button-group.vars.scss @@ -1,4 +1,4 @@ @use '../props'; -@use '../vars'; +@use '../core'; -$spacing: props.def(--l-button-group--spacing, props.get(vars.$size--150)) !default; +$spacing: props.def(--l-button-group--spacing, props.get(core.$size--150)) !default; diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index b3aaac4..16be23e 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss @@ -1,19 +1,19 @@ @use '../props'; -@use '../vars'; +@use '../core'; -$row-gap: props.def(--l-card-list--row-gap, props.get(vars.$size--800)) !default; -$col-gap: props.def(--l-card-list--col-gap, props.get(vars.$size--400)) !default; +$row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--800)) !default; +$col-gap: props.def(--l-card-list--col-gap, props.get(core.$size--400)) !default; -$grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(vars.$size--800)) !default; -$grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(vars.$size--400)) !default; -$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(vars.$size--3200)) !default; +$grid--row-gap: props.def(--l-card-list--grid--row-gap, props.get(core.$size--800)) !default; +$grid--col-gap: props.def(--l-card-list--grid--col-gap, props.get(core.$size--400)) !default; +$grid--col-width: props.def(--l-card-list--grid--col-width, props.get(core.$size--3200)) !default; -$masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(vars.$size--800)) !default; -$masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(vars.$size--400)) !default; -$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(vars.$size--3200)) !default; +$masonry--row-gap: props.def(--l-card-list--masonry--row-gap, props.get(core.$size--800)) !default; +$masonry--col-gap: props.def(--l-card-list--masonry--col-gap, props.get(core.$size--400)) !default; +$masonry--col-width: props.def(--l-card-list--masonry--col-width, props.get(core.$size--3200)) !default; -$masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(vars.$size--800)) !default; -$masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(vars.$size--400)) !default; -$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(vars.$size--3200)) !default; +$masonry-h--row-gap: props.def(--l-card-list--masonry-h--row-gap, props.get(core.$size--800)) !default; +$masonry-h--col-gap: props.def(--l-card-list--masonry-h--col-gap, props.get(core.$size--400)) !default; +$masonry-h--row-height: props.def(--l-card-list--masonry-h--row-height, props.get(core.$size--3200)) !default; -$border-color: props.def(--l-card-list--border-color, props.get(vars.$theme, --border)) !default; +$border-color: props.def(--l-card-list--border-color, props.get(core.$theme, --border)) !default; diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss index 8b2258a..a80a909 100644 --- a/src/layouts/_container.vars.scss +++ b/src/layouts/_container.vars.scss @@ -1,6 +1,6 @@ @use 'iro-sass/src/iro-sass' as iro; @use '../props'; -@use '../vars'; +@use '../core'; $fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default; $fixed: props.def(--l-container--fixed, iro.fn-px-to-rem(610px)) !default; @@ -12,11 +12,11 @@ $fixed-sizes: ( 'fixed-75': $fixed-75 ) !default; -$pad-i: props.def(--l-container--pad-i, props.get(vars.$size--400)) !default; -$pad-b: props.def(--l-container--pad-b, props.get(vars.$size--800)) !default; +$pad-i: props.def(--l-container--pad-i, props.get(core.$size--400)) !default; +$pad-b: props.def(--l-container--pad-b, props.get(core.$size--800)) !default; -$pad-i--sm: props.def(--l-container--pad-i, props.get(vars.$size--200), 'sm') !default; -$pad-b--sm: props.def(--l-container--pad-b, props.get(vars.$size--600), 'sm') !default; +$pad-i--sm: props.def(--l-container--pad-i, props.get(core.$size--200), 'sm') !default; +$pad-b--sm: props.def(--l-container--pad-b, props.get(core.$size--600), 'sm') !default; -$pad-i--xs: props.def(--l-container--pad-i, props.get(vars.$size--150), 'xs') !default; -$pad-b--xs: props.def(--l-container--pad-b, props.get(vars.$size--450), 'xs') !default; +$pad-i--xs: props.def(--l-container--pad-i, props.get(core.$size--150), 'xs') !default; +$pad-b--xs: props.def(--l-container--pad-b, props.get(core.$size--450), 'xs') !default; diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss index 45faf29..a46a337 100644 --- a/src/layouts/_form.vars.scss +++ b/src/layouts/_form.vars.scss @@ -1,5 +1,5 @@ @use '../props'; -@use '../vars'; +@use '../core'; -$item-spacing-b: props.def(--l-form--item-spacing-b, props.get(vars.$size--325)) !default; -$label-spacing-i: props.def(--l-form--label-spacing-i, props.get(vars.$size--325)) !default; +$item-spacing-b: props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default; +$label-spacing-i: props.def(--l-form--label-spacing-i, props.get(core.$size--325)) !default; diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss index 3444611..55961b8 100644 --- a/src/layouts/_media.vars.scss +++ b/src/layouts/_media.vars.scss @@ -1,12 +1,12 @@ @use '../props'; -@use '../vars'; +@use '../core'; -$gap: props.def(--l-media--gap, props.get(vars.$size--150)) !default; +$gap: props.def(--l-media--gap, props.get(core.$size--150)) !default; $gapless: props.def(--l-media--gapless, 0) !default; -$sm: props.def(--l-media--sm, props.get(vars.$size--100)) !default; -$lg: props.def(--l-media--lg, props.get(vars.$size--300)) !default; -$xl: props.def(--l-media--xl, props.get(vars.$size--450)) !default; +$sm: props.def(--l-media--sm, props.get(core.$size--100)) !default; +$lg: props.def(--l-media--lg, props.get(core.$size--300)) !default; +$xl: props.def(--l-media--xl, props.get(core.$size--450)) !default; $sizes: ( 'gapless': $gapless, diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss index 2589d2c..310c7ee 100644 --- a/src/layouts/_overflow.scss +++ b/src/layouts/_overflow.scss @@ -1,11 +1,11 @@ @use 'iro-sass/src/iro-sass' as iro; @use '../props'; -@use '../vars'; +@use '../core'; @mixin styles { @include iro.bem-layout('overflow') { overflow: auto; - scrollbar-color: props.get(vars.$theme, --text-disabled) transparent; + scrollbar-color: props.get(core.$theme, --text-disabled) transparent; } } -- cgit v1.2.3-70-g09d2