diff options
author | Volpeon <git@volpeon.ink> | 2024-06-27 09:56:02 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-06-27 09:56:02 +0200 |
commit | d23a2cf25ccc33f49d73ee3da2f775c0d4fa0784 (patch) | |
tree | 19e9a649bcf6ca6559ed7ad46b0fd2c23e664521 /src/objects/_table.scss | |
parent | Update (diff) | |
download | iro-design-d23a2cf25ccc33f49d73ee3da2f775c0d4fa0784.tar.gz iro-design-d23a2cf25ccc33f49d73ee3da2f775c0d4fa0784.tar.bz2 iro-design-d23a2cf25ccc33f49d73ee3da2f775c0d4fa0784.zip |
Update
Diffstat (limited to 'src/objects/_table.scss')
-rw-r--r-- | src/objects/_table.scss | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index cccf956..ea243a2 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
@@ -9,19 +9,20 @@ | |||
9 | --pad-b: fn.global-dim(--size --125), | 9 | --pad-b: fn.global-dim(--size --125), |
10 | --rounding: fn.global-dim(--rounding), | 10 | --rounding: fn.global-dim(--rounding), |
11 | --border: fn.global-dim(--border --thin), | 11 | --border: fn.global-dim(--border --thin), |
12 | --50: ( | 12 | |
13 | --sm: ( | ||
13 | --pad-b: fn.global-dim(--size --75), | 14 | --pad-b: fn.global-dim(--size --75), |
14 | ) | 15 | ) |
15 | ), | 16 | ), |
16 | --colors: ( | 17 | --colors: ( |
17 | --border: fn.global-color(--border), | 18 | --border: fn.global-color(--border), |
18 | --heading: fn.global-color(--heading), | 19 | --heading: fn.global-color(--heading), |
19 | --hover: fn.global-color(--border-mute), | 20 | --hover: fn.global-color(--border-mute), |
20 | --press: fn.global-color(--border), | 21 | --active: fn.global-color(--border), |
21 | --box: ( | 22 | --box: ( |
22 | --bg: fn.global-color(--base --50), | 23 | --bg: fn.global-color(--base --50), |
23 | --hover: fn.global-color(--bg-base), | 24 | --hover: fn.global-color(--bg-base), |
24 | --press: fn.global-color(--border-mute), | 25 | --active: fn.global-color(--border-mute), |
25 | ) | 26 | ) |
26 | ) | 27 | ) |
27 | )); | 28 | )); |
@@ -136,7 +137,7 @@ | |||
136 | 137 | ||
137 | &:active { | 138 | &:active { |
138 | @include iro.bem-elem('cell') { | 139 | @include iro.bem-elem('cell') { |
139 | background-color: fn.color(--press); | 140 | background-color: fn.color(--active); |
140 | } | 141 | } |
141 | } | 142 | } |
142 | } | 143 | } |
@@ -151,16 +152,16 @@ | |||
151 | 152 | ||
152 | &:active { | 153 | &:active { |
153 | @include iro.bem-elem('cell') { | 154 | @include iro.bem-elem('cell') { |
154 | background-color: fn.color(--box --press); | 155 | background-color: fn.color(--box --active); |
155 | } | 156 | } |
156 | } | 157 | } |
157 | } | 158 | } |
158 | } | 159 | } |
159 | } | 160 | } |
160 | 161 | ||
161 | @include iro.bem-modifier('50') { | 162 | @include iro.bem-modifier('sm') { |
162 | @include iro.bem-elem('head-cell', 'cell') { | 163 | @include iro.bem-elem('head-cell', 'cell') { |
163 | padding-block: fn.dim(--50 --pad-b); | 164 | padding-block: fn.dim(--sm --pad-b); |
164 | } | 165 | } |
165 | } | 166 | } |
166 | } | 167 | } |