Add fallback for browsers which do not support CSS variables

2018-07-17 16:21:54 +02:00
parent cf87d70a8f
commit 38a1e5e39f
7 changed files with 149 additions and 49 deletions
--- a/customize.dist/src/less2/include/avatar.less
+++ b/customize.dist/src/less2/include/avatar.less
@@ -1,11 +1,18 @@
@import (reference) "./tools.less";
+.avatar_vars(
+    @width: 30px
+) {
+    @avatar-width: @width;
+    @avatar-font-size: @width / 1.2;
+}
 .avatar_main(@width) {
    --LessLoader_require: LessLoader_currentFile();
-
-    --avatar-width: @width;
-    --avatar-font-size: @width / 1.2;
+    .avatar_vars(@width);
+    --avatar-width: @avatar-width;
+    --avatar-font-size: @avatar-font-size;
 }
 & {
+    .avatar_vars();
    &.cp-avatar {
        overflow: hidden;
        text-overflow: ellipsis;