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 | } | 
