mirror of
https://github.com/moodle/moodle.git
synced 2025-03-28 19:42:56 +01:00
a26ce2482a
We add a new theme config so the theme can say it supports font-awesome. If this is true, the pix_icon renderer will call a mapping function to map from the moodle style t/edit to a font-awesome style fa-cog icon name. Then the renderer will either render an image tag for old icons - or an accessible font-awesome <i> tag. This mostly works - but there are some places where we don't use the pix icon renderer, and we directly create image tags with pix_url image sources. These will need updating (Atto icons, drag and drop move icons, editpdf icons).
35 lines
713 B
Plaintext
35 lines
713 B
Plaintext
// Animated Icons
|
|
// --------------------------
|
|
|
|
.@{fa-css-prefix}-spin {
|
|
-webkit-animation: fa-spin 2s infinite linear;
|
|
animation: fa-spin 2s infinite linear;
|
|
}
|
|
|
|
.@{fa-css-prefix}-pulse {
|
|
-webkit-animation: fa-spin 1s infinite steps(8);
|
|
animation: fa-spin 1s infinite steps(8);
|
|
}
|
|
|
|
@-webkit-keyframes fa-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
@keyframes fa-spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|