Sha256: ee21448a9be0ba7345d235fa2aea0efcb6fe28810c008504f98ab58fe3edefa0
Contents?: true
Size: 747 Bytes
Versions: 6
Compression:
Stored size: 747 Bytes
Contents
// Create CSS Triangles in a Breeze
@mixin cssTriangle($triangleSize, $triangleColor, $triangleDirection) {
content: "";
display: block;
width: 0;
height: 0;
border: solid $triangleSize;
@if ($triangleDirection == top) {
border-color: $triangleColor transparent transparent transparent;
}
@if ($triangleDirection == bottom) {
border-color: transparent transparent $triangleColor transparent;
}
@if ($triangleDirection == left) {
border-color: transparent transparent transparent $triangleColor;
}
@if ($triangleDirection == right) {
border-color: transparent $triangleColor transparent transparent;
}
// .example { @include css-triangle(5px, #fff, bottom); }
}
Version data entries
6 entries across 6 versions & 1 rubygems