LupusNobilis/sogo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

(css) Icon modifiers (rotation) for animation

Browse source
This commit is contained in:
Francis Lachapelle 2015-07-08 21:08:51 -04:00
parent 9514103031
commit 164654f784
1 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
UI/WebServerResources/scss/components/icon/icon.scss
View file

@ -49,30 +49,43 @@ md-icon {
// Define CSS styles to use ng-class with md-icon // Define CSS styles to use ng-class with md-icon
md-icon { md-icon {
transition: 240ms;
&.md-rotate-45 {
transform: rotate(45deg);
}
&.md-rotate-90 {
transform: rotate(90deg);
}
&.md-rotate-180 {
transform: rotate(180deg);
}
// &.icon-add:before {
// content: "\e317";
// }
&.icon-check:before { &.icon-check:before {
content: "\e5ca"; content: "\e5ca";
} }
// &.icon_public:before { &.icon-clear:before {
// content: "\e80b"; content: "\e14c";
// } }
&.icon-contacts:before { &.icon-contacts:before {
content: "\e0ba"; content: "\e0ba";
} }
&.icon-event:before { &.icon-event:before {
content: "\e878"; content: "\e878";
} }
&.icon-more-horiz:before { &.icon-expand-less:before {
content: "\e5d3"; content: "\e5ce";
}
&.icon-clear:before {
content: "\e14c";
} }
&.icon-expand-more:before { &.icon-expand-more:before {
content: "\e5cf"; content: "\e5cf";
} }
&.icon-expand-less:before { &.icon-more-horiz:before {
content: "\e5ce"; content: "\e5d3";
} }
// &.icon_public:before {
// content: "\e80b";
// }
} }
// Message flag // Message flag