Sha256: 4220ede95e8156bc3a5fb3da4fd1e9201af101aae66d9abc99973b8ef09162b1
Contents?: true
Size: 1.26 KB
Versions: 10
Compression:
Stored size: 1.26 KB
Contents
// ------------------------------------------------------------------- //
// CSS Triangles
//
// Credit to Bourbon for triangle mixin
// ------------------------------------------------------------------- //
@mixin triangle($size, $color, $direction){
@include size(0);
@if ($direction == up) or ($direction == down) or ($direction == left) or ($direction == right){
border: solid transparent;
border-width: $size / 2;
@if $direction == up {
border-bottom-color: $color;
} @else if $direction == right {
border-left-color: $color;
} @else if $direction == down {
border-top-color: $color;
} @else if $direction == left {
border-right-color: $color;
}
}
@else if ($direction == up-right) or ($direction == up-left) {
border-top: $size solid $color;
@if $direction == up-right {
border-left: $size solid transparent;
} @else if $direction == up-left {
border-right: $size solid transparent;
}
}
@else if ($direction == down-right) or ($direction == down-left) {
border-bottom: $size solid $color;
@if $direction == down-right {
border-left: $size solid transparent;
} @else if $direction == down-left {
border-right: $size solid transparent;
}
}
}
Version data entries
10 entries across 10 versions & 1 rubygems