diff options
Diffstat (limited to 'src/scopes')
-rw-r--r-- | src/scopes/_tables.scss | 57 |
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 | } |