UNPKG

802 BSCSSView Raw
1#{$step-prefix} {
2 width: 100%;
3 // overflow: hidden;
4 position: relative;
5 border: none;
6
7 &-item {
8 // flex: 1;
9 position: relative;
10 vertical-align: middle;
11 outline: 0;
12 height: 100%;
13
14 &-body {
15 outline: 0;
16 }
17
18 &-node {
19 transition: all $motion-duration-immediately $motion-linear;
20 &.clicked {
21 transform: scale3d(.8, .8, .8);
22 }
23 }
24 }
25
26 &-horizontal {
27 // display: flex;
28 overflow: hidden;
29 & > #{$step-prefix}-item {
30 display: inline-block;
31 text-align: left;
32 }
33 }
34
35 &-vertical {
36 & > #{$step-prefix}-item {
37 display: block;
38 text-align: center;
39 }
40 }
41}