diff options
Diffstat (limited to 'src/scopes/_tables.scss')
-rw-r--r-- | src/scopes/_tables.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss new file mode 100644 index 0000000..e8135eb --- /dev/null +++ b/src/scopes/_tables.scss | |||
@@ -0,0 +1,55 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use '../functions' as fn; | ||
3 | @use '../mixins' as mx; | ||
4 | |||
5 | @include iro.props-namespace('tables') { | ||
6 | @include iro.props-store(( | ||
7 | --dims: ( | ||
8 | --pad-x: fn.global-dim(--size --175), | ||
9 | --pad-y: fn.global-dim(--size --125), | ||
10 | ), | ||
11 | ), 'dims'); | ||
12 | |||
13 | @include iro.props-store(( | ||
14 | --colors: ( | ||
15 | --border: fn.global-color(--obj), | ||
16 | --heading: fn.global-color(--fg-hi), | ||
17 | ) | ||
18 | ), 'colors'); | ||
19 | |||
20 | @include iro.bem-scope(iro.props-namespace()) { | ||
21 | table { | ||
22 | border-spacing: 0; | ||
23 | border-collapse: separate; | ||
24 | } | ||
25 | |||
26 | th { | ||
27 | @include mx.set-font(--standard, ( | ||
28 | --line-height: null, | ||
29 | --size: fn.global-dim(--font-size --50), | ||
30 | --weight: 500, | ||
31 | --transform: uppercase, | ||
32 | --spacing: .5px | ||
33 | )); | ||
34 | |||
35 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | ||
36 | color: fn.color(--heading); | ||
37 | text-align: left; | ||
38 | } | ||
39 | |||
40 | td { | ||
41 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | ||
42 | border-width: 1px 0 0; | ||
43 | border-style: solid; | ||
44 | border-color: fn.color(--border); | ||
45 | } | ||
46 | |||
47 | tr { | ||
48 | &:last-child { | ||
49 | td { | ||
50 | border-bottom-width: 1px; | ||
51 | } | ||
52 | } | ||
53 | } | ||
54 | } | ||
55 | } | ||