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/objects | |
| parent | Revert "Paths" (diff) | |
| download | iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.gz iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.bz2 iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.zip | |
Diffstat (limited to 'src/objects')
53 files changed, 102 insertions, 102 deletions
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; |
