Sha256: ec18c633367c04cd3a213eaf3dda21289d9d5df1df4fab01c3151ed34f3fa8f6
Contents?: true
Size: 746 Bytes
Versions: 12
Compression:
Stored size: 746 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 cssTriangle(5px, #fff, bottom); }
}
Version data entries
12 entries across 12 versions & 1 rubygems