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

(css) Icon modifiers (rotation) for animation

pull/91/head
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
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 {
content: "\e5ca";
}
// &.icon_public:before {
// content: "\e80b";
// }
&.icon-clear:before {
content: "\e14c";
}
&.icon-contacts:before {
content: "\e0ba";
}
&.icon-event:before {
content: "\e878";
}
&.icon-more-horiz:before {
content: "\e5d3";
}
&.icon-clear:before {
content: "\e14c";
&.icon-expand-less:before {
content: "\e5ce";
}
&.icon-expand-more:before {
content: "\e5cf";
}
&.icon-expand-less:before {
content: "\e5ce";
&.icon-more-horiz:before {
content: "\e5d3";
}
// &.icon_public:before {
// content: "\e80b";
// }
}
// Message flag