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