diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/objects/_table.scss | 34 |
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 | } |