58 lines
1.5 KiB
SCSS
58 lines
1.5 KiB
SCSS
|
// Set Triangle
|
||
|
|
@import "variables";
|
||
|
|
|
||
|
|
@mixin arrow($direction, $width, $height, $color) {
|
||
|
|
width: 0px;
|
||
|
|
height: 0px;
|
||
|
|
border-style: solid;
|
||
|
|
|
||
|
|
@if $direction == "top" {
|
||
|
|
border-width: $width $height 0 $height;
|
||
|
|
border-color: $color transparent transparent transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "right" {
|
||
|
|
border-width: $height $width $height 0;
|
||
|
|
border-color: transparent $color transparent transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "bottom" {
|
||
|
|
border-width: 0 $height $width $height;
|
||
|
|
border-color: transparent transparent $color transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "left" {
|
||
|
|
border-width: $height 0 $height $width;
|
||
|
|
border-color: transparent transparent transparent $color;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "top-right" {
|
||
|
|
border-width: 0 $width $height 0;
|
||
|
|
border-color: transparent $color transparent transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "top-left" {
|
||
|
|
border-width: $height $width 0 0;
|
||
|
|
border-color: $color transparent transparent transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "bottom-right" {
|
||
|
|
border-width: 0 0 $height $width;
|
||
|
|
border-color: transparent transparent $color transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@else if $direction == "bottom-left" {
|
||
|
|
border-width: $height 0 0 $width;
|
||
|
|
border-color: transparent transparent transparent $color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin list-reset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
@mixin orbit-bar-toggle-transition($speed: .15s, $prop: all) {
|
||
|
|
-webkit-transition: $speed $prop ease-in;
|
||
|
|
transition: $speed $prop ease-in;
|
||
|
|
}
|