Files
icons/css/arrow.css

45 lines
803 B
CSS

@charset "UTF-8";
i.icon.arrow:not(.circle, .square) {
position: relative;
width: 22px;
height: 22px;
display: block;
box-sizing: border-box;
transform: rotate(var(--rotate));
}
i.icon.arrow.short:not(.circle, .square) {
width: 10px;
}
i.icon.arrow:not(.circle, .square)::after,
i.icon.arrow:not(.circle, .square)::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
right: 3px;
}
i.icon.arrow:not(.circle, .square)::after {
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
bottom: 7px;
}
i.icon.arrow.small:not(.circle, .square)::after {
width: 7px;
height: 7px;
}
i.icon.arrow:not(.circle, .square, .short)::before {
width: 16px;
height: 2px;
bottom: 10px;
background-color: currentColor;
}