Sha256: cb7c9204cb09b8154ae12b10ffb5a071e53a4055b236ea475cce3fd5c5c701ef
Contents?: true
Size: 1.14 KB
Versions: 12
Compression:
Stored size: 1.14 KB
Contents
// EXTRAS
// --------------------------
// Stacked and layered icon
@include icon-stack();
// Animated rotating icon
.icon-spin {
display: inline-block;
animation: spin 2s infinite linear;
}
// Prevent stack and spinners from being taken inline when inside a link
a .icon-stack,
a .icon-spin {
display: inline-block;
text-decoration: none;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
// Icon rotations and mirroring
.icon-rotate-90:before {
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
transform: scale(-1, 1);
}
.icon-flip-vertical:before {
transform: scale(1, -1);
}
// ensure rotation occurs inside anchor tags
a {
.icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
&:before { display: inline-block; }
}
}
Version data entries
12 entries across 12 versions & 1 rubygems