vendor/assets/stylesheets/_icon.scss in active_frontend-10.3.0 vs vendor/assets/stylesheets/_icon.scss in active_frontend-11.0.0

- old
+ new

@@ -4,15 +4,15 @@ /* # Icon ================================================== */ @font-face { font-family: "Ionicons"; - src: url(font_path("ionicons/ionicons.eot?v=2.0.0")); - src: url(font_path("ionicons/ionicons.eot?v=2.0.0#iefix")) format("embedded-opentype"), - url(font_path("ionicons/ionicons.ttf?v=2.0.0")) format("truetype"), - url(font_path("ionicons/ionicons.woff?v=2.0.0")) format("woff"), - url(font_path("ionicons/ionicons.svg?v=2.0.0#Ionicons")) format("svg"); + src: url(font_path("ionicons/ionicons.eot?v=2.0.1")); + src: url(font_path("ionicons/ionicons.eot?v=2.0.1#iefix")) format("embedded-opentype"), + url(font_path("ionicons/ionicons.ttf?v=2.0.1")) format("truetype"), + url(font_path("ionicons/ionicons.woff?v=2.0.1")) format("woff"), + url(font_path("ionicons/ionicons.svg?v=2.0.1#Ionicons")) format("svg"); font-weight: normal; font-style: normal; } .icon, .iconicons, @@ -769,25 +769,19 @@ .icon-loading-b, .icon-loading-c, .icon-loading-d, .icon-looping, .icon-refreshing, -.icon-ios7-reloading { - -webkit-animation: spin 1s infinite linear; - animation: spin 1s infinite linear; -} +.icon-ios7-reloading { @include animation(spin 1s infinite linear); } @-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg) } - 100% { -webkit-transform: rotate(359deg) } + 0% { @include transform(rotate(0)); } + 100% { @include transform(rotate(359deg)); } } @keyframes spin { - 0% { transform: rotate(0deg) } - 100% { transform: rotate(359deg) } + 0% { @include transform(rotate(0)); } + 100% { @include transform(rotate(359deg)); } } -.icon-loading-a { - -webkit-animation-timing-function: steps(8, start); - animation-timing-function: steps(8, start); -} +.icon-loading-a { @include animation-timing-function(steps(8, start)); } .icon-alert:before { content: "\f101" } .icon-alert-circled:before { content: "\f100" } .icon-android-add:before { content: "\f2c7" } .icon-android-add-circle:before { content: "\f359" } .icon-android-alarm-clock:before { content: "\f35a" } \ No newline at end of file