parent
0b50153774
commit
01b534f027
1 changed files with 0 additions and 86 deletions
@ -1,86 +0,0 @@ |
||||
|
||||
@mixin triangle ($size, $color, $direction) { |
||||
height: 0; |
||||
width: 0; |
||||
|
||||
$width: nth($size, 1); |
||||
$height: nth($size, length($size)); |
||||
|
||||
$foreground-color: nth($color, 1); |
||||
$background-color: transparent !default; |
||||
@if (length($color) == 2) { |
||||
$background-color: nth($color, 2); |
||||
} |
||||
|
||||
@if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) { |
||||
|
||||
$width: $width / 2; |
||||
|
||||
@if $direction == up { |
||||
border-left: $width solid $background-color; |
||||
border-right: $width solid $background-color; |
||||
border-bottom: $height solid $foreground-color; |
||||
|
||||
} @else if $direction == right { |
||||
border-top: $width solid $background-color; |
||||
border-bottom: $width solid $background-color; |
||||
border-left: $height solid $foreground-color; |
||||
|
||||
} @else if $direction == down { |
||||
border-left: $width solid $background-color; |
||||
border-right: $width solid $background-color; |
||||
border-top: $height solid $foreground-color; |
||||
|
||||
} @else if $direction == left { |
||||
border-top: $width solid $background-color; |
||||
border-bottom: $width solid $background-color; |
||||
border-right: $height solid $foreground-color; |
||||
} |
||||
} |
||||
|
||||
@else if ($direction == up-right) or ($direction == up-left) { |
||||
border-top: $height solid $foreground-color; |
||||
|
||||
@if $direction == up-right { |
||||
border-left: $width solid $background-color; |
||||
|
||||
} @else if $direction == up-left { |
||||
border-right: $width solid $background-color; |
||||
} |
||||
} |
||||
|
||||
@else if ($direction == down-right) or ($direction == down-left) { |
||||
border-bottom: $height solid $foreground-color; |
||||
|
||||
@if $direction == down-right { |
||||
border-left: $width solid $background-color; |
||||
|
||||
} @else if $direction == down-left { |
||||
border-right: $width solid $background-color; |
||||
} |
||||
} |
||||
|
||||
@else if ($direction == inset-up) { |
||||
border-width: $height $width; |
||||
border-style: solid; |
||||
border-color: $background-color $background-color $foreground-color; |
||||
} |
||||
|
||||
@else if ($direction == inset-down) { |
||||
border-width: $height $width; |
||||
border-style: solid; |
||||
border-color: $foreground-color $background-color $background-color; |
||||
} |
||||
|
||||
@else if ($direction == inset-right) { |
||||
border-width: $width $height; |
||||
border-style: solid; |
||||
border-color: $background-color $background-color $background-color $foreground-color; |
||||
} |
||||
|
||||
@else if ($direction == inset-left) { |
||||
border-width: $width $height; |
||||
border-style: solid; |
||||
border-color: $background-color $foreground-color $background-color $background-color; |
||||
} |
||||
} |
Loading…
Reference in new issue