summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-12 22:30:17 +0100
committerVolpeon <git@volpeon.ink>2022-03-12 22:30:17 +0100
commitd8e9977b1747f1f73a7ed2a3e08c2c11aa2e7fcb (patch)
tree0b2166bcfe1c788c4d9e6ce98a7c8aeae388dc85 /src/objects
parentForm item: Add align-self: start override (diff)
downloadiro-design-d8e9977b1747f1f73a7ed2a3e08c2c11aa2e7fcb.tar.gz
iro-design-d8e9977b1747f1f73a7ed2a3e08c2c11aa2e7fcb.tar.bz2
iro-design-d8e9977b1747f1f73a7ed2a3e08c2c11aa2e7fcb.zip
Table: Fixed hover bg, added small size
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_table.scss34
1 files changed, 30 insertions, 4 deletions
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index ebfa49a..faf6019 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -8,16 +8,23 @@
8 --pad-x: fn.global-dim(--size --200), 8 --pad-x: fn.global-dim(--size --200),
9 --pad-y: fn.global-dim(--size --125), 9 --pad-y: fn.global-dim(--size --125),
10 --rounding: 3px, 10 --rounding: 3px,
11 --50: (
12 --pad-y: fn.global-dim(--size --75),
13 )
11 ), 14 ),
12 ), 'dims'); 15 ), 'dims');
13 16
14 @include iro.props-store(( 17 @include iro.props-store((
15 --colors: ( 18 --colors: (
16 --bg: fn.global-color(--bg-hi2),
17 --border: fn.global-color(--obj), 19 --border: fn.global-color(--obj),
18 --hover: fn.global-color(--bg),
19 --press: fn.global-color(--obj-hi),
20 --heading: fn.global-color(--fg-hi), 20 --heading: fn.global-color(--fg-hi),
21 --hover: fn.global-color(--obj-hi),
22 --press: fn.global-color(--obj),
23 --box: (
24 --bg: fn.global-color(--bg-hi2),
25 --hover: fn.global-color(--bg),
26 --press: fn.global-color(--obj-hi),
27 )
21 ) 28 )
22 ), 'colors'); 29 ), 'colors');
23 30
@@ -80,7 +87,7 @@
80 87
81 @include iro.bem-modifier('box') { 88 @include iro.bem-modifier('box') {
82 @include iro.bem-elem('cell') { 89 @include iro.bem-elem('cell') {
83 background-color: fn.color(--bg); 90 background-color: fn.color(--box --bg);
84 91
85 &:first-child { 92 &:first-child {
86 border-left-width: 1px; 93 border-left-width: 1px;
@@ -115,6 +122,25 @@
115 } 122 }
116 } 123 }
117 } 124 }
125
126 &:hover {
127 @include iro.bem-elem('cell') {
128 background-color: fn.color(--box --hover);
129 }
130 }
131
132 &:active {
133 @include iro.bem-elem('cell') {
134 background-color: fn.color(--box --press);
135 }
136 }
137 }
138 }
139
140 @include iro.bem-modifier('50') {
141 @include iro.bem-elem('head-cell', 'cell') {
142 padding-top: fn.dim(--50 --pad-y);
143 padding-bottom: fn.dim(--50 --pad-y);
118 } 144 }
119 } 145 }
120 } 146 }