diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-25 19:37:52 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-25 19:37:52 +0200 |
| commit | e0815613914e16d73a30efe709a74b994cc31963 (patch) | |
| tree | 9876cb3b6937173fd4dd62958d5c9d1ba6feea87 /src/objects/_lightbox.vars.scss | |
| parent | New palette generation (diff) | |
| download | iro-design-e0815613914e16d73a30efe709a74b994cc31963.tar.gz iro-design-e0815613914e16d73a30efe709a74b994cc31963.tar.bz2 iro-design-e0815613914e16d73a30efe709a74b994cc31963.zip | |
More efficient theming
Diffstat (limited to 'src/objects/_lightbox.vars.scss')
| -rw-r--r-- | src/objects/_lightbox.vars.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss index d30068b..969bd44 100644 --- a/src/objects/_lightbox.vars.scss +++ b/src/objects/_lightbox.vars.scss | |||
| @@ -22,20 +22,20 @@ $nav-button--inline-size: props.def(--o-lightbox--nav-button--inline-size, props | |||
| 22 | $nav-button--block-size: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--3800)) !default; | 22 | $nav-button--block-size: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--3800)) !default; |
| 23 | $nav-button--font-size: props.def(--o-lightbox--nav-button--font-size, props.get(core.$font-size--200)) !default; | 23 | $nav-button--font-size: props.def(--o-lightbox--nav-button--font-size, props.get(core.$font-size--200)) !default; |
| 24 | 24 | ||
| 25 | $thumbnail--border-color: props.def(--o-lightbox--thumbnail--border-color, props.get(core.$theme, --border-strong)) !default; | 25 | $thumbnail--border-color: props.def(--o-lightbox--thumbnail--border-color, props.get(core.$theme, --border-strong), 'color') !default; |
| 26 | 26 | ||
| 27 | $thumbnail--hover--border-color: props.def(--o-lightbox--thumbnail--hover--border-color, props.get(core.$theme, --text-mute-more)) !default; | 27 | $thumbnail--hover--border-color: props.def(--o-lightbox--thumbnail--hover--border-color, props.get(core.$theme, --text-mute-more), 'color') !default; |
| 28 | 28 | ||
| 29 | $thumbnail--selected--border-color: props.def(--o-lightbox--thumbnail--selected--border-color, props.get(core.$theme, --heading)) !default; | 29 | $thumbnail--selected--border-color: props.def(--o-lightbox--thumbnail--selected--border-color, props.get(core.$theme, --heading), 'color') !default; |
| 30 | 30 | ||
| 31 | $thumbnail--key-focus--border-color: props.def(--o-lightbox--thumbnail--key-focus--border-color, props.get(core.$theme, --focus, --border)) !default; | 31 | $thumbnail--key-focus--border-color: props.def(--o-lightbox--thumbnail--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; |
| 32 | $thumbnail--key-focus--outline-color: props.def(--o-lightbox--thumbnail--key-focus--outline-color, props.get(core.$theme, --focus, --outline)) !default; | 32 | $thumbnail--key-focus--outline-color: props.def(--o-lightbox--thumbnail--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; |
| 33 | 33 | ||
| 34 | $thumbnail--size--md: props.def(--o-lightbox--thumbnail--size, props.get(core.$size--600), 'md') !default; | 34 | $thumbnail--size--md: props.def(--o-lightbox--thumbnail--size, props.get(core.$size--600), 'md') !default; |
| 35 | $nav-button--inline-size--md: props.def(--o-lightbox--nav-button--inline-size, props.get(core.$size--2500), 'md') !default; | 35 | $nav-button--inline-size--md: props.def(--o-lightbox--nav-button--inline-size, props.get(core.$size--2500), 'md') !default; |
| 36 | $nav-button--block-size--md: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--2500), 'md') !default; | 36 | $nav-button--block-size--md: props.def(--o-lightbox--nav-button--block-size, props.get(core.$size--2500), 'md') !default; |
| 37 | 37 | ||
| 38 | $static-themes: props.def(--o-lightbox); | 38 | $static-themes: props.def(--o-lightbox, (), 'color'); |
| 39 | 39 | ||
| 40 | @each $theme in map.keys(props.get(core.$transparent-colors)) { | 40 | @each $theme in map.keys(props.get(core.$transparent-colors)) { |
| 41 | $lightbox-theme: --static-#{string.slice($theme, 3)}; | 41 | $lightbox-theme: --static-#{string.slice($theme, 3)}; |