25 lines
629 B
SCSS
25 lines
629 B
SCSS
|
@import 'mixins_and_variables_and_functions';
|
||
|
|
|
||
|
|
$stroke-size: 1px;
|
||
|
|
|
||
|
|
.right-arrow {
|
||
|
|
@include gl-relative;
|
||
|
|
@include gl-w-full;
|
||
|
|
height: $stroke-size;
|
||
|
|
@include gl-display-inline-block;
|
||
|
|
background-color: var(--gray-400, $gray-400);
|
||
|
|
min-width: $gl-spacing-scale-5;
|
||
|
|
|
||
|
|
&-head {
|
||
|
|
@include gl-absolute;
|
||
|
|
top: -$gl-spacing-scale-2;
|
||
|
|
left: calc(100% - #{$gl-spacing-scale-3} - #{2 * $stroke-size});
|
||
|
|
border-color: var(--gray-400, $gray-400);
|
||
|
|
@include gl-border-solid;
|
||
|
|
border-width: 0 $stroke-size $stroke-size 0;
|
||
|
|
@include gl-display-inline-block;
|
||
|
|
@include gl-p-2;
|
||
|
|
transform: rotate(-45deg);
|
||
|
|
}
|
||
|
|
}
|