34 lines
555 B
SCSS
34 lines
555 B
SCSS
:global {
|
|
.arrow {
|
|
display: inline-block;
|
|
border: solid black;
|
|
//border-width: 0 3px 3px 0;
|
|
//padding: 3px;
|
|
//height: 10px;
|
|
|
|
border-width: 0 .2em .2em 0;
|
|
padding: .21em;
|
|
height: .5em;
|
|
width: .5em;
|
|
|
|
&.right {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
}
|
|
|
|
&.left {
|
|
transform: rotate(135deg);
|
|
-webkit-transform: rotate(135deg);
|
|
}
|
|
|
|
&.up {
|
|
transform: rotate(-135deg);
|
|
-webkit-transform: rotate(-135deg);
|
|
}
|
|
|
|
&.down {
|
|
transform: rotate(45deg);
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
}
|
|
} |