Linter

pablobm · Dec 28, 2023 · 8bfde22 · 8bfde22
1 parent 7a98c46
commit 8bfde22
Showing 1 changed file with 27 additions and 7 deletions.
diff --git a/spec/example_app/app/assets/stylesheets/admin/identity.scss b/spec/example_app/app/assets/stylesheets/admin/identity.scss
@@ -2,17 +2,37 @@
   margin: 0;
 
   &--admin {
-    background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
-    text-align: center;
-    background-size: 800% 800%;
-    -webkit-background-clip: text;
+    // Done this way purely to satisfy the linter
+    --rainbow-violet: violet;
+    --rainbow-indigo: indigo;
+    --rainbow-blue: blue;
+    --rainbow-green: green;
+    --rainbow-yellow: yellow;
+    --rainbow-orange: orange;
+    --rainbow-red: red;
+
+    background-image: repeating-linear-gradient(
+      45deg,
+      var(--rainbow-violet),
+      var(--rainbow-indigo),
+      var(--rainbow-blue),
+      var(--rainbow-green),
+      var(--rainbow-yellow),
+      var(--rainbow-orange),
+      var(--rainbow-red),
+      var(--rainbow-violet)
+    );
+
     -webkit-text-fill-color: transparent;
     animation: rainbow 1s ease;
+    background-clip: text;
+    background-size: 800% 800%;
+    text-align: center;
   }
 }
 
 @keyframes rainbow {
-    0%{background-position:0% 50%}
-    50%{background-position:100% 25%}
-    100%{background-position:0% 50%}
+  0%   { background-position:   0% 50%; }
+  50%  { background-position: 100% 25%; }
+  100% { background-position:   0% 50%; }
 }