summaryrefslogtreecommitdiffstats
path: root/src/scopes
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-01-09 07:23:57 +0100
committerVolpeon <git@volpeon.ink>2024-01-09 07:23:57 +0100
commit9089d829722b6fafdd1187c522f4633fda2f851b (patch)
tree221de88e9534d0d3da8604d765770fdf91722e83 /src/scopes
parentUpdate (diff)
downloadiro-design-9089d829722b6fafdd1187c522f4633fda2f851b.tar.gz
iro-design-9089d829722b6fafdd1187c522f4633fda2f851b.tar.bz2
iro-design-9089d829722b6fafdd1187c522f4633fda2f851b.zip
More styles for table scope
Diffstat (limited to 'src/scopes')
-rw-r--r--src/scopes/_tables.scss57
1 files changed, 57 insertions, 0 deletions
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss
index 1907bac..f78e81b 100644
--- a/src/scopes/_tables.scss
+++ b/src/scopes/_tables.scss
@@ -7,6 +7,7 @@
7 --dims: ( 7 --dims: (
8 --pad-x: fn.global-dim(--size --175), 8 --pad-x: fn.global-dim(--size --175),
9 --pad-y: fn.global-dim(--size --125), 9 --pad-y: fn.global-dim(--size --125),
10 --rounding: 3px,
10 --margin-top: fn.global-dim(--paragraph --margin-top), 11 --margin-top: fn.global-dim(--paragraph --margin-top),
11 ), 12 ),
12 ), 'dims'); 13 ), 'dims');
@@ -15,6 +16,9 @@
15 --colors: ( 16 --colors: (
16 --border: fn.global-color(--obj), 17 --border: fn.global-color(--obj),
17 --heading: fn.global-color(--fg-hi), 18 --heading: fn.global-color(--fg-hi),
19 --box: (
20 --bg: fn.global-color(--bg-hi2),
21 )
18 ) 22 )
19 ), 'colors'); 23 ), 'colors');
20 24
@@ -53,5 +57,58 @@
53 } 57 }
54 } 58 }
55 } 59 }
60
61 @include iro.bem-modifier('flush') {
62 th,
63 td {
64 &:first-child {
65 padding-left: 0;
66 }
67
68 &:last-child {
69 padding-right: 0;
70 }
71 }
72 }
73
74 @include iro.bem-modifier('box') {
75 td {
76 background-color: fn.color(--box --bg);
77
78 &:first-child {
79 border-left-width: 1px;
80 }
81
82 &:last-child {
83 border-right-width: 1px;
84 }
85 }
86
87 tr {
88 &:first-child {
89 td {
90 &:first-child {
91 border-top-left-radius: fn.dim(--rounding);
92 }
93
94 &:last-child {
95 border-top-right-radius: fn.dim(--rounding);
96 }
97 }
98 }
99
100 &:last-child {
101 td {
102 &:first-child {
103 border-bottom-left-radius: fn.dim(--rounding);
104 }
105
106 &:last-child {
107 border-bottom-right-radius: fn.dim(--rounding);
108 }
109 }
110 }
111 }
112 }
56 } 113 }
57} 114}