itcss
Version:
CSS starter boilerplate based on the ITCSS pattern
17 lines (16 loc) • 558 B
CSS
/* @usage: @mixin chevron 2rem, 0 0 1px 1px, $color-secondary, -5px 0 0 0.5em, -135deg; */
/* prettier-ignore */
@define-mixin chevron $dimensions: 1rem, $border-width: 0 0 1px 1px, $border-color: currentColor, $margin: auto, $rotation: 45deg {
content: '';
width: $dimensions;
height: $dimensions;
display: inline-block;
vertical-align: middle;
border-width: $border-width;
border-style: solid;
border-color: $border-color;
margin: $margin;
transform: rotate($rotation);
transform-origin: 50% 50%;
transition: all var(--timing) var(--easing);
}