diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/objects/_table.scss | 44 |
1 files changed, 30 insertions, 14 deletions
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index faf6019..410492b 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
@@ -51,6 +51,10 @@ | |||
51 | border-width: 1px 0 0; | 51 | border-width: 1px 0 0; |
52 | border-style: solid; | 52 | border-style: solid; |
53 | border-color: fn.color(--border); | 53 | border-color: fn.color(--border); |
54 | |||
55 | @include iro.bem-modifier('divider') { | ||
56 | border-right-width: 1px; | ||
57 | } | ||
54 | } | 58 | } |
55 | 59 | ||
56 | @include iro.bem-elem('row') { | 60 | @include iro.bem-elem('row') { |
@@ -59,18 +63,6 @@ | |||
59 | border-bottom-width: 1px; | 63 | border-bottom-width: 1px; |
60 | } | 64 | } |
61 | } | 65 | } |
62 | |||
63 | &:hover { | ||
64 | @include iro.bem-elem('cell') { | ||
65 | background-color: fn.color(--hover); | ||
66 | } | ||
67 | } | ||
68 | |||
69 | &:active { | ||
70 | @include iro.bem-elem('cell') { | ||
71 | background-color: fn.color(--press); | ||
72 | } | ||
73 | } | ||
74 | } | 66 | } |
75 | 67 | ||
76 | @include iro.bem-modifier('flush') { | 68 | @include iro.bem-modifier('flush') { |
@@ -122,16 +114,40 @@ | |||
122 | } | 114 | } |
123 | } | 115 | } |
124 | } | 116 | } |
117 | } | ||
118 | } | ||
119 | |||
120 | @include iro.bem-modifier('interactive') { | ||
121 | @include iro.bem-elem('row') { | ||
122 | @include iro.bem-elem('cell') { | ||
123 | cursor: pointer; | ||
124 | } | ||
125 | 125 | ||
126 | &:hover { | 126 | &:hover { |
127 | @include iro.bem-elem('cell') { | 127 | @include iro.bem-elem('cell') { |
128 | background-color: fn.color(--box --hover); | 128 | background-color: fn.color(--hover); |
129 | } | 129 | } |
130 | } | 130 | } |
131 | 131 | ||
132 | &:active { | 132 | &:active { |
133 | @include iro.bem-elem('cell') { | 133 | @include iro.bem-elem('cell') { |
134 | background-color: fn.color(--box --press); | 134 | background-color: fn.color(--press); |
135 | } | ||
136 | } | ||
137 | } | ||
138 | |||
139 | @include iro.bem-modifier('box') { | ||
140 | @include iro.bem-elem('row') { | ||
141 | &:hover { | ||
142 | @include iro.bem-elem('cell') { | ||
143 | background-color: fn.color(--box --hover); | ||
144 | } | ||
145 | } | ||
146 | |||
147 | &:active { | ||
148 | @include iro.bem-elem('cell') { | ||
149 | background-color: fn.color(--box --press); | ||
150 | } | ||
135 | } | 151 | } |
136 | } | 152 | } |
137 | } | 153 | } |