(css) Icon modifiers (rotation) for animation
This commit is contained in:
parent
9514103031
commit
164654f784
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue