|
191 | 191 | &:hover { |
192 | 192 | background-color: mix($bg_color, $base_color, .6); |
193 | 193 | } |
194 | | - |
195 | | - &:not(:first-child):not(:only-child){ |
196 | | - box-shadow: -1px 0 1px 0 rgba(0,0,0,0.1); |
197 | | - } |
198 | | - |
199 | | - &:not(:last-child):not(:only-child) { |
200 | | - box-shadow: 1px 0 1px 0 rgba(0,0,0,0.1); |
201 | | - } |
202 | 194 | } |
203 | 195 |
|
204 | 196 | label { |
|
211 | 203 | } |
212 | 204 | } |
213 | 205 |
|
| 206 | + &.top tab, |
| 207 | + &.bottom tab { |
| 208 | + &:hover { |
| 209 | + &:not(:first-child):not(:last-child):not(:only-child) { |
| 210 | + box-shadow: 1px 0 1px shade($base_color, .85), -1px 0 1px shade($base_color, .85); |
| 211 | + } |
| 212 | + |
| 213 | + &:last-child:not(:only-child) { |
| 214 | + box-shadow: -1px 0 1px shade($base_color, .85); |
| 215 | + } |
| 216 | + |
| 217 | + &:first-child:not(:only-child) { |
| 218 | + box-shadow: 1px 0 1px shade($base_color, .85); |
| 219 | + } |
| 220 | + } |
| 221 | + |
| 222 | + &:checked { |
| 223 | + &:not(:first-child):not(:last-child):not(:only-child) { |
| 224 | + box-shadow: 1px 0 1px shade($base_color, .8), -1px 0 1px shade($base_color, .8); |
| 225 | + } |
| 226 | + |
| 227 | + &:last-child:not(:only-child) { |
| 228 | + box-shadow: -1px 0 1px shade($base_color, .8); |
| 229 | + } |
| 230 | + |
| 231 | + &:first-child:not(:only-child) { |
| 232 | + box-shadow: 1px 0 1px shade($base_color, .8); |
| 233 | + } |
| 234 | + } |
| 235 | + } |
| 236 | + |
| 237 | + &.right tab, |
| 238 | + &.left tab { |
| 239 | + &:hover { |
| 240 | + &:not(:first-child):not(:last-child):not(:only-child) { |
| 241 | + box-shadow: 0 1px 1px shade($base_color, .85), 0 -1px 1px shade($base_color, .85); |
| 242 | + } |
| 243 | + |
| 244 | + &:last-child:not(:only-child) { |
| 245 | + box-shadow: 0 -1px 1px shade($base_color, .85); |
| 246 | + } |
| 247 | + |
| 248 | + &:first-child:not(:only-child) { |
| 249 | + box-shadow: 0 1px 1px shade($base_color, .85); |
| 250 | + } |
| 251 | + } |
| 252 | + |
| 253 | + &:checked { |
| 254 | + &:not(:first-child):not(:last-child):not(:only-child) { |
| 255 | + box-shadow: 0 1px 1px shade($base_color, .8), 0 -1px 1px shade($base_color, .8); |
| 256 | + } |
| 257 | + |
| 258 | + &:last-child:not(:only-child) { |
| 259 | + box-shadow: 0 -1px 1px shade($base_color, .8); |
| 260 | + } |
| 261 | + |
| 262 | + &:first-child:not(:only-child) { |
| 263 | + box-shadow: 0 1px 1px shade($base_color, .8); |
| 264 | + } |
| 265 | + } |
| 266 | + } |
| 267 | + |
214 | 268 | &.top tab { |
215 | 269 | padding: ($spacing + 1) 0 0; // top | left/right | bottom |
216 | 270 | border-style: solid; |
|
0 commit comments