summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-12 15:47:42 +0100
committerVolpeon <git@volpeon.ink>2022-03-12 15:47:42 +0100
commit4b16b704d196ecb1605e7cfe7ccc83bb21e76b6e (patch)
tree02d87e974bdd679ce7e0c0804269678fc0b07065 /src/objects
parentAdded more utilities (diff)
downloadiro-design-4b16b704d196ecb1605e7cfe7ccc83bb21e76b6e.tar.gz
iro-design-4b16b704d196ecb1605e7cfe7ccc83bb21e76b6e.tar.bz2
iro-design-4b16b704d196ecb1605e7cfe7ccc83bb21e76b6e.zip
Added table variants
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_table.scss87
1 files changed, 52 insertions, 35 deletions
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index 9f414b8..ebfa49a 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -44,47 +44,12 @@
44 border-width: 1px 0 0; 44 border-width: 1px 0 0;
45 border-style: solid; 45 border-style: solid;
46 border-color: fn.color(--border); 46 border-color: fn.color(--border);
47 background-color: fn.color(--bg);
48
49 &:first-child {
50 border-left-width: 1px;
51 }
52
53 &:last-child {
54 border-right-width: 1px;
55 }
56 } 47 }
57 48
58 @include iro.bem-elem('row') { 49 @include iro.bem-elem('row') {
59 &:first-child {
60 @include iro.bem-elem('cell') {
61 &:first-child {
62 border-top-left-radius: fn.dim(--rounding);
63 }
64
65 &:last-child {
66 border-top-right-radius: fn.dim(--rounding);
67 }
68 }
69 }
70
71 &:last-child { 50 &:last-child {
72 @include iro.bem-elem('cell') { 51 @include iro.bem-elem('cell') {
73 border-bottom-width: 1px; 52 border-bottom-width: 1px;
74
75 &:first-child {
76 border-bottom-left-radius: fn.dim(--rounding);
77 }
78
79 &:last-child {
80 border-bottom-right-radius: fn.dim(--rounding);
81 }
82 }
83 }
84
85 @include iro.bem-next-twin-elem {
86 @include iro.bem-elem('cell') {
87 border-top: 1px solid fn.color(--border);
88 } 53 }
89 } 54 }
90 55
@@ -100,5 +65,57 @@
100 } 65 }
101 } 66 }
102 } 67 }
68
69 @include iro.bem-modifier('flush') {
70 @include iro.bem-elem('head-cell', 'cell') {
71 &:first-child {
72 padding-left: 0;
73 }
74
75 &:last-child {
76 padding-right: 0;
77 }
78 }
79 }
80
81 @include iro.bem-modifier('box') {
82 @include iro.bem-elem('cell') {
83 background-color: fn.color(--bg);
84
85 &:first-child {
86 border-left-width: 1px;
87 }
88
89 &:last-child {
90 border-right-width: 1px;
91 }
92 }
93
94 @include iro.bem-elem('row') {
95 &:first-child {
96 @include iro.bem-elem('cell') {
97 &:first-child {
98 border-top-left-radius: fn.dim(--rounding);
99 }
100
101 &:last-child {
102 border-top-right-radius: fn.dim(--rounding);
103 }
104 }
105 }
106
107 &:last-child {
108 @include iro.bem-elem('cell') {
109 &:first-child {
110 border-bottom-left-radius: fn.dim(--rounding);
111 }
112
113 &:last-child {
114 border-bottom-right-radius: fn.dim(--rounding);
115 }
116 }
117 }
118 }
119 }
103 } 120 }
104} 121}