diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 13:07:25 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 13:07:25 +0200 |
| commit | 3932ac7f8e2d00e3008e337e09d539f8dc469bb3 (patch) | |
| tree | cff3231ea774a1baf245dd212ca8e054a4edaa93 /src | |
| parent | Revert "Paths" (diff) | |
| download | iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.gz iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.bz2 iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.zip | |
Diffstat (limited to 'src')
92 files changed, 224 insertions, 224 deletions
diff --git a/src/_config.defaults.scss b/src/_config.defaults.scss index 699cd8e..d335b48 100644 --- a/src/_config.defaults.scss +++ b/src/_config.defaults.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:list'; | 1 | @use 'sass:list'; |
| 2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
| 3 | @use 'sass:math'; | 3 | @use 'sass:math'; |
| 4 | @use 'pkg:iro-sass/src/easing' as easing; | 4 | @use 'pkg:iro-sass/easing' as easing; |
| 5 | 5 | ||
| 6 | $static-colors: ( | 6 | $static-colors: ( |
| 7 | --base: hsl(0, 0%, 98%), | 7 | --base: hsl(0, 0%, 98%), |
diff --git a/src/_config.scss b/src/_config.scss index a3ea6ee..d2587f4 100644 --- a/src/_config.scss +++ b/src/_config.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:list'; | 1 | @use 'sass:list'; |
| 2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
| 3 | @use 'sass:math'; | 3 | @use 'sass:math'; |
| 4 | @use 'pkg:iro-sass/src/easing' as easing; | 4 | @use 'pkg:iro-sass/easing' as easing; |
| 5 | @use 'config.defaults' as def; | 5 | @use 'config.defaults' as def; |
| 6 | 6 | ||
| 7 | $static-colors-override: () !default; | 7 | $static-colors-override: () !default; |
diff --git a/src/_core.scss b/src/_core.scss index 8c761ff..4744f9e 100644 --- a/src/_core.scss +++ b/src/_core.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use 'config'; | 6 | @use 'config'; |
| 7 | 7 | ||
| 8 | @use 'core.vars' as vars; | 8 | @use 'core.vars' as vars; |
diff --git a/src/_core.vars.scss b/src/_core.vars.scss index 11acbfa..337adc9 100644 --- a/src/_core.vars.scss +++ b/src/_core.vars.scss | |||
| @@ -5,8 +5,8 @@ | |||
| 5 | @use 'sass:list'; | 5 | @use 'sass:list'; |
| 6 | @use 'functions' as fn; | 6 | @use 'functions' as fn; |
| 7 | @use 'config'; | 7 | @use 'config'; |
| 8 | @use 'pkg:iro-sass/src/functions'; | 8 | @use 'pkg:iro-sass/functions'; |
| 9 | @use 'pkg:iro-sass/src/props'; | 9 | @use 'pkg:iro-sass/props'; |
| 10 | 10 | ||
| 11 | $size--0: props.def(--size--0, 0) !default; | 11 | $size--0: props.def(--size--0, 0) !default; |
| 12 | $size--10: props.def(--size--10, functions.px-to-rem(1px)) !default; | 12 | $size--10: props.def(--size--10, functions.px-to-rem(1px)) !default; |
diff --git a/src/_functions.scss b/src/_functions.scss index e237ccc..3b7e270 100644 --- a/src/_functions.scss +++ b/src/_functions.scss | |||
| @@ -4,7 +4,7 @@ | |||
| 4 | @use 'sass:list'; | 4 | @use 'sass:list'; |
| 5 | @use 'sass:meta'; | 5 | @use 'sass:meta'; |
| 6 | 6 | ||
| 7 | @use 'pkg:iro-sass/src/easing'; | 7 | @use 'pkg:iro-sass/easing'; |
| 8 | @use 'apca'; | 8 | @use 'apca'; |
| 9 | 9 | ||
| 10 | @function palette($base-color, $levels, $ref-color: $base-color) { | 10 | @function palette($base-color, $levels, $ref-color: $base-color) { |
diff --git a/src/_index.scss b/src/_index.scss index 09bc190..0e3943e 100644 --- a/src/_index.scss +++ b/src/_index.scss | |||
| @@ -5,74 +5,74 @@ $breakpoints: ( | |||
| 5 | xs: 400px, | 5 | xs: 400px, |
| 6 | ) !default; | 6 | ) !default; |
| 7 | 7 | ||
| 8 | @use "pkg:iro-sass/responsive" with ( | 8 | @use 'pkg:iro-sass/responsive' with ( |
| 9 | $named-viewports: $breakpoints | 9 | $named-viewports: $breakpoints |
| 10 | ); | 10 | ); |
| 11 | 11 | ||
| 12 | @forward "pkg:include-media/dist/include-media" as media--* with ( | 12 | @forward 'pkg:include-media/dist/include-media' as media--* with ( |
| 13 | $breakpoints: $breakpoints, | 13 | $breakpoints: $breakpoints, |
| 14 | $unit-intervals: ( | 14 | $unit-intervals: ( |
| 15 | "px": 1, | 15 | 'px': 1, |
| 16 | "em": 0.01, | 16 | 'em': .01, |
| 17 | "rem": 0.01, | 17 | 'rem': .01, |
| 18 | "": 0, | 18 | '': 0, |
| 19 | ) | 19 | ) |
| 20 | !default | 20 | !default |
| 21 | ); | 21 | ); |
| 22 | 22 | ||
| 23 | @forward "config.defaults" as config-defaults--*; | 23 | @forward 'config.defaults' as config-defaults--*; |
| 24 | @forward "config" as config--*; | 24 | @forward 'config' as config--*; |
| 25 | @forward "props" as props--*; | 25 | @forward 'props' as props--*; |
| 26 | @forward "core" as core--*; | 26 | @forward 'core' as core--*; |
| 27 | @forward "layers" as layers--*; | 27 | @forward 'layers' as layers--*; |
| 28 | 28 | ||
| 29 | @forward "layouts/card-list" as l-card-list--*; | 29 | @forward 'layouts/card-list' as l-card-list--*; |
| 30 | @forward "layouts/container" as l-container--*; | 30 | @forward 'layouts/container' as l-container--*; |
| 31 | @forward "layouts/flex" as l-flex--*; | 31 | @forward 'layouts/flex' as l-flex--*; |
| 32 | @forward "layouts/form" as l-form--*; | 32 | @forward 'layouts/form' as l-form--*; |
| 33 | @forward "layouts/hlist" as l-hlist--*; | 33 | @forward 'layouts/hlist' as l-hlist--*; |
| 34 | @forward "layouts/media" as l-media--*; | 34 | @forward 'layouts/media' as l-media--*; |
| 35 | @forward "layouts/overflow" as l-overflow--*; | 35 | @forward 'layouts/overflow' as l-overflow--*; |
| 36 | @forward "layouts/split-view" as l-split-view--*; | 36 | @forward 'layouts/split-view' as l-split-view--*; |
| 37 | 37 | ||
| 38 | @forward "scopes/implicit" as s-implicit--*; | 38 | @forward 'scopes/implicit' as s-implicit--*; |
| 39 | @forward "scopes/body" as s-body--*; | 39 | @forward 'scopes/body' as s-body--*; |
| 40 | @forward "scopes/blockquotes" as s-blockquotes--*; | 40 | @forward 'scopes/blockquotes' as s-blockquotes--*; |
| 41 | @forward "scopes/code" as s-code--*; | 41 | @forward 'scopes/code' as s-code--*; |
| 42 | @forward "scopes/figures" as s-figures--*; | 42 | @forward 'scopes/figures' as s-figures--*; |
| 43 | @forward "scopes/headings" as s-headings--*; | 43 | @forward 'scopes/headings' as s-headings--*; |
| 44 | @forward "scopes/links" as s-links--*; | 44 | @forward 'scopes/links' as s-links--*; |
| 45 | @forward "scopes/lists" as s-lists--*; | 45 | @forward 'scopes/lists' as s-lists--*; |
| 46 | @forward "scopes/tables" as s-tables--*; | 46 | @forward 'scopes/tables' as s-tables--*; |
| 47 | 47 | ||
| 48 | @forward "objects/alert" as o-alert--*; | 48 | @forward 'objects/alert' as o-alert--*; |
| 49 | @forward "objects/avatar" as o-avatar--*; | 49 | @forward 'objects/avatar' as o-avatar--*; |
| 50 | @forward "objects/backdrop" as o-backdrop--*; | 50 | @forward 'objects/backdrop' as o-backdrop--*; |
| 51 | @forward "objects/button" as o-button--*; | 51 | @forward 'objects/button' as o-button--*; |
| 52 | @forward "objects/card" as o-card--*; | 52 | @forward 'objects/card' as o-card--*; |
| 53 | @forward "objects/checkbox" as o-checkbox--*; | 53 | @forward 'objects/checkbox' as o-checkbox--*; |
| 54 | @forward "objects/dialog" as o-dialog--*; | 54 | @forward 'objects/dialog' as o-dialog--*; |
| 55 | @forward "objects/divider" as o-divider--*; | 55 | @forward 'objects/divider' as o-divider--*; |
| 56 | @forward "objects/emoji" as o-emoji--*; | 56 | @forward 'objects/emoji' as o-emoji--*; |
| 57 | @forward "objects/figure" as o-figure--*; | 57 | @forward 'objects/figure' as o-figure--*; |
| 58 | @forward "objects/field-label" as o-field-label--*; | 58 | @forward 'objects/field-label' as o-field-label--*; |
| 59 | @forward "objects/heading" as o-heading--*; | 59 | @forward 'objects/heading' as o-heading--*; |
| 60 | @forward "objects/icon" as o-icon--*; | 60 | @forward 'objects/icon' as o-icon--*; |
| 61 | @forward "objects/lightbox" as o-lightbox--*; | 61 | @forward 'objects/lightbox' as o-lightbox--*; |
| 62 | @forward "objects/menu" as o-menu--*; | 62 | @forward 'objects/menu' as o-menu--*; |
| 63 | @forward "objects/navbar" as o-navbar--*; | 63 | @forward 'objects/navbar' as o-navbar--*; |
| 64 | @forward "objects/palette" as o-palette--*; | 64 | @forward 'objects/palette' as o-palette--*; |
| 65 | @forward "objects/placeholders" as o-placeholders--*; | 65 | @forward 'objects/placeholders' as o-placeholders--*; |
| 66 | @forward "objects/popover" as o-popover--*; | 66 | @forward 'objects/popover' as o-popover--*; |
| 67 | @forward "objects/radio" as o-radio--*; | 67 | @forward 'objects/radio' as o-radio--*; |
| 68 | @forward "objects/side-nav" as o-side-nav--*; | 68 | @forward 'objects/side-nav' as o-side-nav--*; |
| 69 | @forward "objects/status-indicator" as o-status-indicator--*; | 69 | @forward 'objects/status-indicator' as o-status-indicator--*; |
| 70 | @forward "objects/switch" as o-switch--*; | 70 | @forward 'objects/switch' as o-switch--*; |
| 71 | @forward "objects/table" as o-table--*; | 71 | @forward 'objects/table' as o-table--*; |
| 72 | @forward "objects/tabbar" as o-tabbar--*; | 72 | @forward 'objects/tabbar' as o-tabbar--*; |
| 73 | @forward "objects/text-field" as o-text-field--*; | 73 | @forward 'objects/text-field' as o-text-field--*; |
| 74 | @forward "objects/thumbnail" as o-thumbnail--*; | 74 | @forward 'objects/thumbnail' as o-thumbnail--*; |
| 75 | 75 | ||
| 76 | @forward "utils" as utils--*; | 76 | @forward 'utils' as utils--*; |
| 77 | 77 | ||
| 78 | @forward "themes" as themes--*; | 78 | @forward 'themes' as themes--*; |
diff --git a/src/_props.scss b/src/_props.scss index 0830375..78891ee 100644 --- a/src/_props.scss +++ b/src/_props.scss | |||
| @@ -4,8 +4,8 @@ | |||
| 4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
| 5 | @use 'config'; | 5 | @use 'config'; |
| 6 | @use 'pkg:include-media/dist/include-media' as media; | 6 | @use 'pkg:include-media/dist/include-media' as media; |
| 7 | @use 'pkg:iro-sass/src/bem'; | 7 | @use 'pkg:iro-sass/bem'; |
| 8 | @use 'pkg:iro-sass/src/props'; | 8 | @use 'pkg:iro-sass/props'; |
| 9 | 9 | ||
| 10 | @mixin materialize-at-root($ref) { | 10 | @mixin materialize-at-root($ref) { |
| 11 | @if meta.type-of($ref) == 'map' { | 11 | @if meta.type-of($ref) == 'map' { |
diff --git a/src/_themes.scss b/src/_themes.scss index f06a5ca..72c485e 100644 --- a/src/_themes.scss +++ b/src/_themes.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use 'pkg:include-media/dist/include-media' as media; | 5 | @use 'pkg:include-media/dist/include-media' as media; |
| 6 | 6 | ||
| 7 | @use 'core.vars' as vars; | 7 | @use 'core.vars' as vars; |
diff --git a/src/_utils.scss b/src/_utils.scss index dd8e8bb..19a5229 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use 'pkg:include-media/dist/include-media' as media; | 5 | @use 'pkg:include-media/dist/include-media' as media; |
| 6 | 6 | ||
| 7 | @use 'core.vars' as vars; | 7 | @use 'core.vars' as vars; |
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index f2a6ff5..826943f 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:include-media/dist/include-media' as media; | 2 | @use 'pkg:include-media/dist/include-media' as media; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | 6 | ||
| 7 | @use '../objects/card.vars' as card; | 7 | @use '../objects/card.vars' as card; |
| @@ -23,8 +23,8 @@ | |||
| 23 | border-radius: props.get(card.$rounding); | 23 | border-radius: props.get(card.$rounding); |
| 24 | 24 | ||
| 25 | @include bem.elem('card') { | 25 | @include bem.elem('card') { |
| 26 | border-color: props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color); | ||
| 27 | background-clip: content-box; | 26 | background-clip: content-box; |
| 27 | border-color: props.get(card.$border-color) props.get(card.$border-color) props.get(vars.$border-color); | ||
| 28 | box-shadow: none; | 28 | box-shadow: none; |
| 29 | 29 | ||
| 30 | &:not(:last-child) { | 30 | &:not(:last-child) { |
| @@ -160,7 +160,7 @@ | |||
| 160 | } | 160 | } |
| 161 | 161 | ||
| 162 | @include bem.elem('card') { | 162 | @include bem.elem('card') { |
| 163 | flex: 0.1 0 auto; | 163 | flex: .1 0 auto; |
| 164 | inline-size: props.get($col-width); | 164 | inline-size: props.get($col-width); |
| 165 | } | 165 | } |
| 166 | 166 | ||
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss index fb89b52..47a2bc4 100644 --- a/src/layouts/_card-list.vars.scss +++ b/src/layouts/_card-list.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | @use '../objects/card' as card; | 3 | @use '../objects/card' as card; |
| 4 | 4 | ||
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss index 46ded23..e120157 100644 --- a/src/layouts/_container.scss +++ b/src/layouts/_container.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'container.vars'; | 6 | @forward 'container.vars'; |
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss index 094046f..cc2fd61 100644 --- a/src/layouts/_container.vars.scss +++ b/src/layouts/_container.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'pkg:iro-sass/src/functions' as fn; | 1 | @use 'pkg:iro-sass/functions' as fn; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default; | 5 | $fixed-200: props.def(--l-container--fixed-200, fn.px-to-rem(1300px)) !default; |
diff --git a/src/layouts/_flex.scss b/src/layouts/_flex.scss index ea0b268..2f01987 100644 --- a/src/layouts/_flex.scss +++ b/src/layouts/_flex.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use 'pkg:iro-sass/bem'; |
| 2 | 2 | ||
| 3 | @mixin styles { | 3 | @mixin styles { |
| 4 | @include bem.layout('flex') { | 4 | @include bem.layout('flex') { |
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss index f094cbc..1caef57 100644 --- a/src/layouts/_form.scss +++ b/src/layouts/_form.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'form.vars'; | 6 | @forward 'form.vars'; |
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss index 52670cc..4b2af1d 100644 --- a/src/layouts/_form.vars.scss +++ b/src/layouts/_form.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $item-spacing-b: props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default; | 4 | $item-spacing-b: props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default; |
diff --git a/src/layouts/_hlist.scss b/src/layouts/_hlist.scss index 32b3097..8e4f25d 100644 --- a/src/layouts/_hlist.scss +++ b/src/layouts/_hlist.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'hlist.vars'; | 6 | @forward 'hlist.vars'; |
| @@ -23,8 +23,8 @@ | |||
| 23 | @include bem.elem('item') { | 23 | @include bem.elem('item') { |
| 24 | @include bem.next-twin-elem { | 24 | @include bem.next-twin-elem { |
| 25 | &::before { | 25 | &::before { |
| 26 | content: '·'; | ||
| 27 | margin-inline: calc(.65 * props.get($size)); | 26 | margin-inline: calc(.65 * props.get($size)); |
| 27 | content: '·'; | ||
| 28 | } | 28 | } |
| 29 | } | 29 | } |
| 30 | } | 30 | } |
| @@ -38,8 +38,8 @@ | |||
| 38 | @include bem.elem('item') { | 38 | @include bem.elem('item') { |
| 39 | @include bem.next-twin-elem { | 39 | @include bem.next-twin-elem { |
| 40 | &::before { | 40 | &::before { |
| 41 | content: '·'; | ||
| 42 | margin-inline: calc(.65 * props.get(vars.$gap)); | 41 | margin-inline: calc(.65 * props.get(vars.$gap)); |
| 42 | content: '·'; | ||
| 43 | } | 43 | } |
| 44 | } | 44 | } |
| 45 | } | 45 | } |
diff --git a/src/layouts/_hlist.vars.scss b/src/layouts/_hlist.vars.scss index 2d99057..89e29f3 100644 --- a/src/layouts/_hlist.vars.scss +++ b/src/layouts/_hlist.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default; | 4 | $gap: props.def(--l-hlist--gap, props.get(core.$size--150)) !default; |
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss index 4492ea9..287738a 100644 --- a/src/layouts/_media.scss +++ b/src/layouts/_media.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'media.vars'; | 6 | @forward 'media.vars'; |
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss index 78e157f..0f13855 100644 --- a/src/layouts/_media.vars.scss +++ b/src/layouts/_media.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $gap: props.def(--l-media--gap, props.get(core.$size--150)) !default; | 4 | $gap: props.def(--l-media--gap, props.get(core.$size--150)) !default; |
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss index ab983b9..ef96037 100644 --- a/src/layouts/_overflow.scss +++ b/src/layouts/_overflow.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use 'pkg:iro-sass/bem'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | @mixin styles { | 5 | @mixin styles { |
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss index ea651c7..00c91e6 100644 --- a/src/layouts/_split-view.scss +++ b/src/layouts/_split-view.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:include-media/dist/include-media' as media; | 2 | @use 'pkg:include-media/dist/include-media' as media; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | 6 | ||
| 7 | @forward 'split-view.vars'; | 7 | @forward 'split-view.vars'; |
diff --git a/src/layouts/_split-view.vars.scss b/src/layouts/_split-view.vars.scss index b2944e7..c293ea7 100644 --- a/src/layouts/_split-view.vars.scss +++ b/src/layouts/_split-view.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; | 4 | $col-gap: props.def(--l-split-view--col-gap, props.get(core.$size--800)) !default; |
| @@ -6,7 +6,7 @@ $row-gap: props.def(--l-split-view--row-gap, props.get(core.$size--600)) !defau | |||
| 6 | 6 | ||
| 7 | $gapless: props.def(--l-split-view--gapless, 0rem) !default; | 7 | $gapless: props.def(--l-split-view--gapless, 0rem) !default; |
| 8 | 8 | ||
| 9 | $panel--min-50: props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default; | 9 | $panel--min-50: props.def(--l-split-view--panel--min-50, props.get(core.$size--2400)) !default; |
| 10 | $panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default; | 10 | $panel--min-100: props.def(--l-split-view--panel--min-100, props.get(core.$size--3200)) !default; |
| 11 | $panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default; | 11 | $panel--min-200: props.def(--l-split-view--panel--min-200, props.get(core.$size--4200)) !default; |
| 12 | 12 | ||
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss index c2a1c58..46369f8 100644 --- a/src/objects/_alert.scss +++ b/src/objects/_alert.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | 6 | ||
| 7 | @forward 'alert.vars'; | 7 | @forward 'alert.vars'; |
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss index bbd3dad..987d09b 100644 --- a/src/objects/_alert.vars.scss +++ b/src/objects/_alert.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default; | 4 | $border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default; |
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 272c213..4225917 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'avatar.vars'; | 6 | @forward 'avatar.vars'; |
diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss index 467d7cc..e188572 100644 --- a/src/objects/_avatar.vars.scss +++ b/src/objects/_avatar.vars.scss | |||
| @@ -1,10 +1,10 @@ | |||
| 1 | @use 'sass:math'; | 1 | @use 'sass:math'; |
| 2 | 2 | ||
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | @function icon-mask($p) { | 6 | @function icon-mask($p) { |
| 7 | $offset: 0.15 * math.div(0.5, $p); | 7 | $offset: .15 * math.div(.5, $p); |
| 8 | @return 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="avatar_mask" clipPathUnits="objectBoundingBox"><path d="M 0,0 H 1 V #{$p} H #{$p + $offset} C #{$p + 0.055},#{$p} #{$p},#{$p + 0.055} #{$p},#{$p + $offset} V 1 H 0 Z" /></clipPath></defs></svg>#avatar_mask'; | 8 | @return 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="avatar_mask" clipPathUnits="objectBoundingBox"><path d="M 0,0 H 1 V #{$p} H #{$p + $offset} C #{$p + 0.055},#{$p} #{$p},#{$p + 0.055} #{$p},#{$p + $offset} V 1 H 0 Z" /></clipPath></defs></svg>#avatar_mask'; |
| 9 | } | 9 | } |
| 10 | 10 | ||
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss index 6660abf..4576dea 100644 --- a/src/objects/_backdrop.scss +++ b/src/objects/_backdrop.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'backdrop.vars'; | 6 | @forward 'backdrop.vars'; |
diff --git a/src/objects/_backdrop.vars.scss b/src/objects/_backdrop.vars.scss index 9206117..9398eb0 100644 --- a/src/objects/_backdrop.vars.scss +++ b/src/objects/_backdrop.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $z-index: props.def(--o-backdrop--z-index, 10000) !default; | 4 | $z-index: props.def(--o-backdrop--z-index, 10000) !default; |
diff --git a/src/objects/_button.scss b/src/objects/_button.scss index a3c8187..b717aab 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss | |||
| @@ -2,8 +2,8 @@ | |||
| 2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
| 3 | @use 'sass:meta'; | 3 | @use 'sass:meta'; |
| 4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
| 5 | @use 'pkg:iro-sass/src/bem'; | 5 | @use 'pkg:iro-sass/bem'; |
| 6 | @use 'pkg:iro-sass/src/props'; | 6 | @use 'pkg:iro-sass/props'; |
| 7 | @use '../props' as *; | 7 | @use '../props' as *; |
| 8 | 8 | ||
| 9 | @forward 'button.vars'; | 9 | @forward 'button.vars'; |
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index 3f835ae..d0599f1 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $line-height: props.def(--o-button--line-height, 1.4) !default; | 6 | $line-height: props.def(--o-button--line-height, 1.4) !default; |
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index b8bc727..d91bdbe 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use 'avatar.vars' as avatar; | 5 | @use 'avatar.vars' as avatar; |
| 6 | 6 | ||
| @@ -297,10 +297,10 @@ | |||
| 297 | 297 | ||
| 298 | @include bem.elem('body') { | 298 | @include bem.elem('body') { |
| 299 | @include bem.modifier('main') { | 299 | @include bem.modifier('main') { |
| 300 | block-size: auto; | ||
| 301 | min-block-size: none; | ||
| 302 | inline-size: 100%; | 300 | inline-size: 100%; |
| 303 | min-inline-size: 0; | 301 | min-inline-size: 0; |
| 302 | block-size: auto; | ||
| 303 | min-block-size: none; | ||
| 304 | } | 304 | } |
| 305 | } | 305 | } |
| 306 | } | 306 | } |
| @@ -309,17 +309,17 @@ | |||
| 309 | display: block; | 309 | display: block; |
| 310 | interpolate-size: allow-keywords; | 310 | interpolate-size: allow-keywords; |
| 311 | 311 | ||
| 312 | @include bem.elem("header") { | 312 | @include bem.elem('header') { |
| 313 | display: flex; | 313 | display: flex; |
| 314 | align-items: center; | ||
| 315 | gap: 1em; | 314 | gap: 1em; |
| 315 | align-items: center; | ||
| 316 | cursor: pointer; | 316 | cursor: pointer; |
| 317 | 317 | ||
| 318 | &::before { | 318 | &::before { |
| 319 | margin: 0; | ||
| 320 | inline-size: 1em; | 319 | inline-size: 1em; |
| 321 | font-size: 0.8em; | 320 | margin: 0; |
| 322 | content: "â–¶"; | 321 | font-size: .8em; |
| 322 | content: 'â–¶'; | ||
| 323 | } | 323 | } |
| 324 | 324 | ||
| 325 | &:focus-visible { | 325 | &:focus-visible { |
| @@ -328,31 +328,31 @@ | |||
| 328 | border-radius: calc(props.get(vars.$rounding) - props.get(vars.$border-width)); | 328 | border-radius: calc(props.get(vars.$rounding) - props.get(vars.$border-width)); |
| 329 | } | 329 | } |
| 330 | 330 | ||
| 331 | @include bem.next-elem("body") { | 331 | @include bem.next-elem('body') { |
| 332 | padding-block-start: 0; | 332 | padding-block-start: 0; |
| 333 | } | 333 | } |
| 334 | } | 334 | } |
| 335 | 335 | ||
| 336 | &::details-content { | 336 | &::details-content { |
| 337 | opacity: 0; | ||
| 338 | block-size: 0; | 337 | block-size: 0; |
| 339 | overflow-y: clip; | 338 | overflow-y: clip; |
| 339 | opacity: 0; | ||
| 340 | transition: | 340 | transition: |
| 341 | content-visibility 0.2s allow-discrete, | 341 | content-visibility .2s allow-discrete, |
| 342 | opacity 0.2s ease, | 342 | opacity .2s ease, |
| 343 | block-size 0.2s ease; | 343 | block-size .2s ease; |
| 344 | } | 344 | } |
| 345 | 345 | ||
| 346 | &[open] { | 346 | &[open] { |
| 347 | @include bem.elem("header") { | 347 | @include bem.elem('header') { |
| 348 | &::before { | 348 | &::before { |
| 349 | content: "â–¼"; | 349 | content: 'â–¼'; |
| 350 | } | 350 | } |
| 351 | } | 351 | } |
| 352 | 352 | ||
| 353 | &::details-content { | 353 | &::details-content { |
| 354 | opacity: 1; | ||
| 355 | block-size: auto; | 354 | block-size: auto; |
| 355 | opacity: 1; | ||
| 356 | } | 356 | } |
| 357 | } | 357 | } |
| 358 | 358 | ||
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 4616c80..0d804c6 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; | 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; |
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss index f3fb793..f179f94 100644 --- a/src/objects/_checkbox.scss +++ b/src/objects/_checkbox.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/functions' as fn; | 3 | @use 'pkg:iro-sass/functions' as fn; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use '../props' as *; | 5 | @use '../props' as *; |
| 6 | @use '../core.vars' as core; | 6 | @use '../core.vars' as core; |
| 7 | 7 | ||
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss index 278aac8..21cfae2 100644 --- a/src/objects/_checkbox.vars.scss +++ b/src/objects/_checkbox.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default; | 5 | $size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default; |
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index d2ee8c3..50cc129 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'dialog.vars'; | 6 | @forward 'dialog.vars'; |
| @@ -13,8 +13,8 @@ | |||
| 13 | @include materialize-at-root(meta.module-variables('vars')); | 13 | @include materialize-at-root(meta.module-variables('vars')); |
| 14 | 14 | ||
| 15 | @include bem.object('dialog') { | 15 | @include bem.object('dialog') { |
| 16 | display: none; | ||
| 17 | box-sizing: border-box; | 16 | box-sizing: border-box; |
| 17 | display: none; | ||
| 18 | inline-size: 100%; | 18 | inline-size: 100%; |
| 19 | max-inline-size: none; | 19 | max-inline-size: none; |
| 20 | block-size: 100%; | 20 | block-size: 100%; |
| @@ -31,15 +31,15 @@ | |||
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | &[open], | 33 | &[open], |
| 34 | &:popover-open { | 34 | &:popover-open { |
| 35 | display: flex; | 35 | display: flex; |
| 36 | flex-direction: column; | 36 | flex-direction: column; |
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | @include bem.elem('content') { | 39 | @include bem.elem('content') { |
| 40 | pointer-events: auto; | 40 | pointer-events: auto; |
| 41 | border-radius: props.get(vars.$rounding); | ||
| 42 | background-color: props.get(vars.$bg-color); | 41 | background-color: props.get(vars.$bg-color); |
| 42 | border-radius: props.get(vars.$rounding); | ||
| 43 | } | 43 | } |
| 44 | 44 | ||
| 45 | @include bem.elem('header') { | 45 | @include bem.elem('header') { |
diff --git a/src/objects/_dialog.vars.scss b/src/objects/_dialog.vars.scss index 39c47ba..8b189c6 100644 --- a/src/objects/_dialog.vars.scss +++ b/src/objects/_dialog.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | @use '../layouts/container.vars' as container; | 4 | @use '../layouts/container.vars' as container; |
| 5 | 5 | ||
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss index d81284b..e3ae1cb 100644 --- a/src/objects/_divider.scss +++ b/src/objects/_divider.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | @use '../core.vars' as core; | 7 | @use '../core.vars' as core; |
| 8 | 8 | ||
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss index a8b0f9f..b4f01de 100644 --- a/src/objects/_divider.vars.scss +++ b/src/objects/_divider.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $margin-b: props.def(--o-divider--size, props.get(core.$size--85)) !default; | 6 | $margin-b: props.def(--o-divider--size, props.get(core.$size--85)) !default; |
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss index 655e662..1525ce7 100644 --- a/src/objects/_emoji.scss +++ b/src/objects/_emoji.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
| 6 | 6 | ||
diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss index cf940cf..1c0b197 100644 --- a/src/objects/_emoji.vars.scss +++ b/src/objects/_emoji.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default; | 5 | $size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default; |
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index 23875f5..9e2d077 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'field-label.vars'; | 6 | @forward 'field-label.vars'; |
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss index 5bd4547..b1e3038 100644 --- a/src/objects/_field-label.vars.scss +++ b/src/objects/_field-label.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default; | 4 | $spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default; |
diff --git a/src/objects/_figure.scss b/src/objects/_figure.scss index 04b9bdf..529dd56 100644 --- a/src/objects/_figure.scss +++ b/src/objects/_figure.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'figure.vars'; | 6 | @forward 'figure.vars'; |
diff --git a/src/objects/_figure.vars.scss b/src/objects/_figure.vars.scss index 3de3406..bd5f429 100644 --- a/src/objects/_figure.vars.scss +++ b/src/objects/_figure.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $pad-b: props.def(--o-figure--pad-b, props.get(core.$size--100)) !default; | 4 | $pad-b: props.def(--o-figure--pad-b, props.get(core.$size--100)) !default; |
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 0e8392e..d3b9e92 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'heading.vars'; | 8 | @forward 'heading.vars'; |
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss index 4267b8c..ba6b577 100644 --- a/src/objects/_heading.vars.scss +++ b/src/objects/_heading.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $offset: props.def(--o-heading--offset, -.02em) !default; | 6 | $offset: props.def(--o-heading--offset, -.02em) !default; |
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss index 1d046e0..0eec890 100644 --- a/src/objects/_icon.scss +++ b/src/objects/_icon.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'icon.vars'; | 6 | @forward 'icon.vars'; |
diff --git a/src/objects/_icon.vars.scss b/src/objects/_icon.vars.scss index 2a37212..c50bcc1 100644 --- a/src/objects/_icon.vars.scss +++ b/src/objects/_icon.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | 2 | ||
| 3 | $stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default; | 3 | $stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default; |
| 4 | $size: props.def(--o-icon--size, calc(1 / 14 * 16em)) !default; | 4 | $size: props.def(--o-icon--size, calc(1 / 14 * 16em)) !default; |
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index a173d57..05a522d 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'lightbox.vars'; | 8 | @forward 'lightbox.vars'; |
| @@ -32,9 +32,9 @@ | |||
| 32 | padding: 0; | 32 | padding: 0; |
| 33 | margin: 0; | 33 | margin: 0; |
| 34 | overflow: hidden; | 34 | overflow: hidden; |
| 35 | pointer-events: none; | ||
| 35 | background-color: transparent; | 36 | background-color: transparent; |
| 36 | border: 0; | 37 | border: 0; |
| 37 | pointer-events: none; | ||
| 38 | 38 | ||
| 39 | &::backdrop { | 39 | &::backdrop { |
| 40 | background-color: props.get(backdrop.$bg-color); | 40 | background-color: props.get(backdrop.$bg-color); |
| @@ -42,7 +42,7 @@ | |||
| 42 | } | 42 | } |
| 43 | 43 | ||
| 44 | &[open], | 44 | &[open], |
| 45 | &:popover-open { | 45 | &:popover-open { |
| 46 | display: grid; | 46 | display: grid; |
| 47 | } | 47 | } |
| 48 | 48 | ||
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss index 6fb84f7..b817851 100644 --- a/src/objects/_lightbox.vars.scss +++ b/src/objects/_lightbox.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; | 6 | $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; |
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index dce14a8..4d0faac 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
| 6 | 6 | ||
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss index 9396117..0af3ce7 100644 --- a/src/objects/_menu.vars.scss +++ b/src/objects/_menu.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $spacing: props.def(--o-menu--spacing, 0em) !default; | 5 | $spacing: props.def(--o-menu--spacing, 0em) !default; |
diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss index cc1eaaa..1b53081 100644 --- a/src/objects/_navbar.scss +++ b/src/objects/_navbar.scss | |||
| @@ -2,8 +2,8 @@ | |||
| 2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
| 3 | @use 'sass:meta'; | 3 | @use 'sass:meta'; |
| 4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
| 5 | @use 'pkg:iro-sass/src/bem'; | 5 | @use 'pkg:iro-sass/bem'; |
| 6 | @use 'pkg:iro-sass/src/props'; | 6 | @use 'pkg:iro-sass/props'; |
| 7 | @use '../props' as *; | 7 | @use '../props' as *; |
| 8 | 8 | ||
| 9 | @forward 'navbar.vars'; | 9 | @forward 'navbar.vars'; |
diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss index e96b714..d664a60 100644 --- a/src/objects/_navbar.vars.scss +++ b/src/objects/_navbar.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default; | 6 | $block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default; |
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss index f503812..1203dcd 100644 --- a/src/objects/_palette.scss +++ b/src/objects/_palette.scss | |||
| @@ -1,9 +1,9 @@ | |||
| 1 | @use 'sass:list'; | 1 | @use 'sass:list'; |
| 2 | @use 'sass:map'; | 2 | @use 'sass:map'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use '../config'; | 5 | @use '../config'; |
| 6 | @use 'pkg:iro-sass/src/props'; | 6 | @use 'pkg:iro-sass/props'; |
| 7 | @use '../core.vars' as core; | 7 | @use '../core.vars' as core; |
| 8 | 8 | ||
| 9 | @mixin styles { | 9 | @mixin styles { |
diff --git a/src/objects/_placeholders.scss b/src/objects/_placeholders.scss index 683f57e..7f25914 100644 --- a/src/objects/_placeholders.scss +++ b/src/objects/_placeholders.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'placeholders.vars'; | 6 | @forward 'placeholders.vars'; |
diff --git a/src/objects/_placeholders.vars.scss b/src/objects/_placeholders.vars.scss index 1ac4ef7..c816a93 100644 --- a/src/objects/_placeholders.vars.scss +++ b/src/objects/_placeholders.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default; | 4 | $min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default; |
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss index 1cb5660..827b511 100644 --- a/src/objects/_popover.scss +++ b/src/objects/_popover.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'popover.vars'; | 6 | @forward 'popover.vars'; |
diff --git a/src/objects/_popover.vars.scss b/src/objects/_popover.vars.scss index 202d71a..aeba58b 100644 --- a/src/objects/_popover.vars.scss +++ b/src/objects/_popover.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $z-index: props.def(--o-popover--z-index, 11000) !default; | 5 | $z-index: props.def(--o-popover--z-index, 11000) !default; |
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index ae4a85a..a2152dc 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
| 6 | 6 | ||
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss index a5f249d..070aeef 100644 --- a/src/objects/_radio.vars.scss +++ b/src/objects/_radio.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default; | 5 | $diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default; |
diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss index 272d38c..1f4efcc 100644 --- a/src/objects/_side-nav.scss +++ b/src/objects/_side-nav.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use 'icon.vars' as icon; | 5 | @use 'icon.vars' as icon; |
| 6 | 6 | ||
diff --git a/src/objects/_side-nav.vars.scss b/src/objects/_side-nav.vars.scss index d6a7de1..b1911a5 100644 --- a/src/objects/_side-nav.vars.scss +++ b/src/objects/_side-nav.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $spacing: props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default; | 5 | $spacing: props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default; |
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss index fe8fe26..3c0da6f 100644 --- a/src/objects/_status-indicator.scss +++ b/src/objects/_status-indicator.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'status-indicator.vars'; | 8 | @forward 'status-indicator.vars'; |
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss index dfe628f..33299ea 100644 --- a/src/objects/_status-indicator.vars.scss +++ b/src/objects/_status-indicator.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../config'; | 3 | @use '../config'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss index 0ef95e6..ea33ef6 100644 --- a/src/objects/_switch.scss +++ b/src/objects/_switch.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
| 6 | 6 | ||
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss index 761cacd..922c179 100644 --- a/src/objects/_switch.vars.scss +++ b/src/objects/_switch.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default; | 5 | $inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default; |
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index d43208f..ba1a33b 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'tabbar.vars'; | 8 | @forward 'tabbar.vars'; |
diff --git a/src/objects/_tabbar.vars.scss b/src/objects/_tabbar.vars.scss index d9cc53e..3a8c818 100644 --- a/src/objects/_tabbar.vars.scss +++ b/src/objects/_tabbar.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default; | 6 | $block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default; |
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index effa61f..cc5f4bf 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'table.vars'; | 6 | @forward 'table.vars'; |
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss index 7c5683c..6c68492 100644 --- a/src/objects/_table.vars.scss +++ b/src/objects/_table.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default; | 5 | $pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default; |
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 5a48df3..66092ee 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'text-field.vars'; | 6 | @forward 'text-field.vars'; |
diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss index ef06822..d9f7b0e 100644 --- a/src/objects/_text-field.vars.scss +++ b/src/objects/_text-field.vars.scss | |||
| @@ -1,5 +1,5 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use 'pkg:iro-sass/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $line-height: props.def(--o-text-field--line-height, 1.4) !default; | 5 | $line-height: props.def(--o-text-field--line-height, 1.4) !default; |
diff --git a/src/objects/_thumbnail.scss b/src/objects/_thumbnail.scss index 9925dd0..40103c6 100644 --- a/src/objects/_thumbnail.scss +++ b/src/objects/_thumbnail.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'thumbnail.vars'; | 8 | @forward 'thumbnail.vars'; |
diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss index a5625fc..b4ae924 100644 --- a/src/objects/_thumbnail.vars.scss +++ b/src/objects/_thumbnail.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $size: props.def(--o-thumbnail--size, props.get(core.$size--900)) !default; | 6 | $size: props.def(--o-thumbnail--size, props.get(core.$size--900)) !default; |
diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss index 10e6d81..84f2c46 100644 --- a/src/scopes/_blockquotes.scss +++ b/src/scopes/_blockquotes.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'blockquotes.vars'; | 6 | @forward 'blockquotes.vars'; |
diff --git a/src/scopes/_blockquotes.vars.scss b/src/scopes/_blockquotes.vars.scss index 63c40b0..e193fff 100644 --- a/src/scopes/_blockquotes.vars.scss +++ b/src/scopes/_blockquotes.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | @use './implicit.vars' as implicit; | 3 | @use './implicit.vars' as implicit; |
| 4 | 4 | ||
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss index 77a3eb1..75c450d 100644 --- a/src/scopes/_body.scss +++ b/src/scopes/_body.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'body.vars'; | 6 | @forward 'body.vars'; |
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss index 981ef32..022bc3a 100644 --- a/src/scopes/_body.vars.scss +++ b/src/scopes/_body.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | @use '../layouts/container.vars' as container; | 4 | @use '../layouts/container.vars' as container; |
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss index db43de0..6b91404 100644 --- a/src/scopes/_code.scss +++ b/src/scopes/_code.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | 5 | ||
| 6 | @forward 'code.vars'; | 6 | @forward 'code.vars'; |
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss index 329d372..0ae4511 100644 --- a/src/scopes/_code.vars.scss +++ b/src/scopes/_code.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | @use './implicit.vars' as implicit; | 3 | @use './implicit.vars' as implicit; |
| 4 | 4 | ||
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss index c993f5a..6f38fe5 100644 --- a/src/scopes/_figures.scss +++ b/src/scopes/_figures.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../objects/figure.vars' as figure; | 4 | @use '../objects/figure.vars' as figure; |
| 5 | 5 | ||
| 6 | @mixin styles { | 6 | @mixin styles { |
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 23623fd..e55273b 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/bem'; | 3 | @use 'pkg:iro-sass/bem'; |
| 4 | @use 'pkg:iro-sass/src/props'; | 4 | @use 'pkg:iro-sass/props'; |
| 5 | @use '../objects/heading.vars' as heading; | 5 | @use '../objects/heading.vars' as heading; |
| 6 | 6 | ||
| 7 | @mixin styles { | 7 | @mixin styles { |
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 728fd22..d7c1123 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss | |||
| @@ -2,8 +2,8 @@ | |||
| 2 | @use 'sass:math'; | 2 | @use 'sass:math'; |
| 3 | @use 'sass:meta'; | 3 | @use 'sass:meta'; |
| 4 | @use 'sass:string'; | 4 | @use 'sass:string'; |
| 5 | @use 'pkg:iro-sass/src/bem'; | 5 | @use 'pkg:iro-sass/bem'; |
| 6 | @use 'pkg:iro-sass/src/props'; | 6 | @use 'pkg:iro-sass/props'; |
| 7 | @use '../props' as *; | 7 | @use '../props' as *; |
| 8 | @use '../core.vars' as core; | 8 | @use '../core.vars' as core; |
| 9 | 9 | ||
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss index 64d4a8f..203fd4f 100644 --- a/src/scopes/_implicit.vars.scss +++ b/src/scopes/_implicit.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | 3 | ||
| 4 | $paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--200)) !default; | 4 | $paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--200)) !default; |
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss index 8498487..31b56ab 100644 --- a/src/scopes/_links.scss +++ b/src/scopes/_links.scss | |||
| @@ -1,8 +1,8 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:meta'; | 2 | @use 'sass:meta'; |
| 3 | @use 'sass:string'; | 3 | @use 'sass:string'; |
| 4 | @use 'pkg:iro-sass/src/bem'; | 4 | @use 'pkg:iro-sass/bem'; |
| 5 | @use 'pkg:iro-sass/src/props'; | 5 | @use 'pkg:iro-sass/props'; |
| 6 | @use '../props' as *; | 6 | @use '../props' as *; |
| 7 | 7 | ||
| 8 | @forward 'links.vars'; | 8 | @forward 'links.vars'; |
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss index cd80e4c..d0d7d46 100644 --- a/src/scopes/_links.vars.scss +++ b/src/scopes/_links.vars.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:map'; | 1 | @use 'sass:map'; |
| 2 | @use 'sass:string'; | 2 | @use 'sass:string'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../core.vars' as core; | 4 | @use '../core.vars' as core; |
| 5 | 5 | ||
| 6 | $rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default; | 6 | $rounding: props.def(--s-links--rounding, props.get(core.$rounding)) !default; |
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss index 0285bb0..dc68b5c 100644 --- a/src/scopes/_lists.scss +++ b/src/scopes/_lists.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use '../core.vars' as core; | 5 | @use '../core.vars' as core; |
| 6 | 6 | ||
diff --git a/src/scopes/_lists.vars.scss b/src/scopes/_lists.vars.scss index e40f194..8ea0d7e 100644 --- a/src/scopes/_lists.vars.scss +++ b/src/scopes/_lists.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use '../core.vars' as core; | 2 | @use '../core.vars' as core; |
| 3 | @use './implicit.vars' as implicit; | 3 | @use './implicit.vars' as implicit; |
| 4 | 4 | ||
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index cb3a10c..db035bb 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use 'sass:meta'; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use 'pkg:iro-sass/bem'; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use 'pkg:iro-sass/props'; |
| 4 | @use '../props' as *; | 4 | @use '../props' as *; |
| 5 | @use '../objects/table.vars' as table; | 5 | @use '../objects/table.vars' as table; |
| 6 | 6 | ||
diff --git a/src/scopes/_tables.vars.scss b/src/scopes/_tables.vars.scss index dfb4c76..eca2f50 100644 --- a/src/scopes/_tables.vars.scss +++ b/src/scopes/_tables.vars.scss | |||
| @@ -1,4 +1,4 @@ | |||
| 1 | @use 'pkg:iro-sass/src/props'; | 1 | @use 'pkg:iro-sass/props'; |
| 2 | @use 'implicit.vars' as implicit; | 2 | @use 'implicit.vars' as implicit; |
| 3 | 3 | ||
| 4 | $margin-bs: props.def(--s-tables--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default; | 4 | $margin-bs: props.def(--s-tables--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default; |
