2013-05-24 11:21:08 +02:00
|
|
|
/* EXTRAS
|
|
|
|
|
* -------------------------- */
|
|
|
|
|
|
|
|
|
|
/* Stacked and layered icon */
|
|
|
|
|
icon-stack()
|
|
|
|
|
|
|
|
|
|
/* Animated rotating icon */
|
|
|
|
|
.icon-spin
|
|
|
|
|
display inline-block
|
|
|
|
|
vendor: animation spin 2s infinite linear
|
|
|
|
|
|
|
|
|
|
@keyframes spin
|
|
|
|
|
0%
|
2013-05-24 14:05:16 +02:00
|
|
|
transform s("rotate(%s)", 0deg)
|
2013-05-24 11:21:08 +02:00
|
|
|
100%
|
2013-05-24 14:05:16 +02:00
|
|
|
transform s("rotate(%s)", 359deg)
|
2013-05-24 11:21:08 +02:00
|
|
|
|
|
|
|
|
/* Icon rotations and mirroring */
|
|
|
|
|
.icon-rotate-90:before
|
2013-05-24 14:05:16 +02:00
|
|
|
vendor('transform', s("rotate(%s)", 90deg))
|
2013-05-24 11:21:08 +02:00
|
|
|
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=1)')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon-rotate-180:before
|
2013-05-24 14:05:16 +02:00
|
|
|
vendor('transform', s("rotate(%s)", 180deg))
|
2013-05-24 11:21:08 +02:00
|
|
|
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=2)')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon-rotate-270:before
|
2013-05-24 14:05:16 +02:00
|
|
|
vendor('transform', s("rotate(%s)", 270deg))
|
2013-05-24 11:21:08 +02:00
|
|
|
filter unquote('progid:DXImageTransform.Microsoft.BasicImage(rotation=3)')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon-flip-horizontal:before
|
2013-05-24 14:05:16 +02:00
|
|
|
vendor('transform', s("scale(%s, %s)", -1, 1))
|
2013-05-24 11:21:08 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon-flip-vertical:before
|
2013-05-24 14:05:16 +02:00
|
|
|
vendor('transform', s("scale(%s, %s)", 1, -1))
|
