diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-19 10:34:53 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-19 10:34:53 +0200 |
| commit | 50d24a41b5656cdaf31468b28d08da765ca95763 (patch) | |
| tree | 9ca25c56dc66a02bf2ff498ed4669a097e9a9815 /src/objects/_lightbox.scss | |
| parent | Update (diff) | |
| download | iro-design-50d24a41b5656cdaf31468b28d08da765ca95763.tar.gz iro-design-50d24a41b5656cdaf31468b28d08da765ca95763.tar.bz2 iro-design-50d24a41b5656cdaf31468b28d08da765ca95763.zip | |
Update
Diffstat (limited to 'src/objects/_lightbox.scss')
| -rw-r--r-- | src/objects/_lightbox.scss | 89 |
1 files changed, 1 insertions, 88 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index edbc62a..740f4e5 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -6,94 +6,7 @@ | |||
| 6 | $static-themes: 'black' 'white' !default; | 6 | $static-themes: 'black' 'white' !default; |
| 7 | 7 | ||
| 8 | @include iro.props-namespace('lightbox') { | 8 | @include iro.props-namespace('lightbox') { |
| 9 | @include iro.props-store(( | 9 | |
| 10 | --dims: ( | ||
| 11 | --pad: fn.global-dim(--size --150), | ||
| 12 | |||
| 13 | --thumbnail: ( | ||
| 14 | --size: fn.global-dim(--size --700), | ||
| 15 | --rounding: fn.global-dim(--rounding), | ||
| 16 | --spacing: fn.global-dim(--size --100), | ||
| 17 | --border: fn.global-dim(--border --thin), | ||
| 18 | |||
| 19 | --selected: ( | ||
| 20 | --border: fn.global-dim(--border --medium), | ||
| 21 | ), | ||
| 22 | |||
| 23 | --key-focus: ( | ||
| 24 | --border: fn.global-dim(--key-focus --border), | ||
| 25 | --border-offset: fn.global-dim(--key-focus --border-offset), | ||
| 26 | --outline: fn.global-dim(--key-focus --outline), | ||
| 27 | ), | ||
| 28 | ), | ||
| 29 | |||
| 30 | --close-button: ( | ||
| 31 | --font-size: fn.global-dim(--font-size --200), | ||
| 32 | ), | ||
| 33 | |||
| 34 | --nav-button: ( | ||
| 35 | --width: fn.global-dim(--size --2000), | ||
| 36 | --height: fn.global-dim(--size --3800), | ||
| 37 | --font-size: fn.global-dim(--font-size --200), | ||
| 38 | ), | ||
| 39 | ), | ||
| 40 | --colors: ( | ||
| 41 | --thumbnail: ( | ||
| 42 | --border: fn.global-color(--border-strong), | ||
| 43 | |||
| 44 | --hover: ( | ||
| 45 | --border: fn.global-color(--text-mute-more), | ||
| 46 | ), | ||
| 47 | |||
| 48 | --selected: ( | ||
| 49 | --border: fn.global-color(--heading), | ||
| 50 | ), | ||
| 51 | |||
| 52 | --key-focus: ( | ||
| 53 | --border: fn.global-color(--focus --border), | ||
| 54 | --outline: fn.global-color(--focus --outline), | ||
| 55 | ), | ||
| 56 | ), | ||
| 57 | ), | ||
| 58 | )); | ||
| 59 | |||
| 60 | @each $theme in $static-themes { | ||
| 61 | @include iro.props-store(( | ||
| 62 | --colors: ( | ||
| 63 | --static-#{$theme}: ( | ||
| 64 | --text: fn.global-color(--white-transparent --800), | ||
| 65 | --thumbnail: ( | ||
| 66 | --border: fn.global-color(--white-transparent --400), | ||
| 67 | |||
| 68 | --hover: ( | ||
| 69 | --border: fn.global-color(--white-transparent --500), | ||
| 70 | ), | ||
| 71 | |||
| 72 | --selected: ( | ||
| 73 | --border: fn.global-color(--white-transparent --900), | ||
| 74 | ), | ||
| 75 | |||
| 76 | --key-focus: ( | ||
| 77 | --border: fn.global-color(--#{$theme}-transparent --900), | ||
| 78 | --outline: fn.global-color(--#{$theme}-transparent --300), | ||
| 79 | ), | ||
| 80 | ), | ||
| 81 | ) | ||
| 82 | ) | ||
| 83 | )); | ||
| 84 | } | ||
| 85 | |||
| 86 | @include iro.props-store(( | ||
| 87 | --dims: ( | ||
| 88 | --thumbnail: ( | ||
| 89 | --size: fn.global-dim(--size --600), | ||
| 90 | ), | ||
| 91 | --nav-button: ( | ||
| 92 | --width: fn.global-dim(--size --2500), | ||
| 93 | --height: fn.global-dim(--size --2500), | ||
| 94 | ), | ||
| 95 | ), | ||
| 96 | ), 'md'); | ||
| 97 | 10 | ||
| 98 | @include iro.bem-object(iro.props-namespace()) { | 11 | @include iro.bem-object(iro.props-namespace()) { |
| 99 | box-sizing: border-box; | 12 | box-sizing: border-box; |