From 63668fb66ed29c18662470470d4e0ed49ceb6fe5 Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Thu, 31 Aug 2023 09:25:40 +0200
Subject: [PATCH] :paperclip: Fix scss linter issues

---
 .../styles/common/dependencies/mixin.scss     |  4 +-
 .../resources/styles/common/framework.scss    | 44 ++++++++++++++-----
 .../styles/main/partials/colorpicker.scss     |  8 +++-
 .../styles/main/partials/dashboard-grid.scss  |  4 +-
 .../partials/sidebar-element-options.scss     |  4 +-
 .../app/main/ui/workspace/left_toolbar.scss   |  5 ++-
 .../src/app/main/ui/workspace/palette.scss    |  5 ++-
 7 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/frontend/resources/styles/common/dependencies/mixin.scss b/frontend/resources/styles/common/dependencies/mixin.scss
index d2bb77b2c..e8ec11d40 100644
--- a/frontend/resources/styles/common/dependencies/mixin.scss
+++ b/frontend/resources/styles/common/dependencies/mixin.scss
@@ -116,7 +116,9 @@ $bp-min-2556: "(min-width: 2556px)";
   $filepath: "/fonts/" + $file;
   @font-face {
     font-family: "#{$style-name}";
-    src: url($filepath + ".woff2") format("woff2"), url($filepath + ".ttf") format("truetype");
+    src:
+      url($filepath + ".woff2") format("woff2"),
+      url($filepath + ".ttf") format("truetype");
     font-weight: unquote($weight);
     font-style: unquote($style);
   }
diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss
index ea2ebb51a..f6b1b390a 100644
--- a/frontend/resources/styles/common/framework.scss
+++ b/frontend/resources/styles/common/framework.scss
@@ -632,7 +632,9 @@ input.element-name {
 
     &:before {
       border-radius: $br99;
-      transition: box-shadow 0.2s linear 0s, color 0.2s linear 0s;
+      transition:
+        box-shadow 0.2s linear 0s,
+        color 0.2s linear 0s;
     }
   }
 
@@ -692,13 +694,17 @@ input[type="radio"]:checked + label:before {
   }
 
   label {
-    transition: border 0.2s linear 0s, color 0.2s linear 0s;
+    transition:
+      border 0.2s linear 0s,
+      color 0.2s linear 0s;
     position: relative;
 
     &:before {
       top: 1.4px;
       border-radius: $br3;
-      transition: border 0.2s linear 0s, color 0.2s linear 0s;
+      transition:
+        border 0.2s linear 0s,
+        color 0.2s linear 0s;
     }
 
     &::after {
@@ -709,7 +715,9 @@ input[type="radio"]:checked + label:before {
       left: 3.2px;
       top: 0;
       font-size: $fs12;
-      transition: border 0.2s linear 0s, color 0.2s linear 0s;
+      transition:
+        border 0.2s linear 0s,
+        color 0.2s linear 0s;
     }
 
     &:after {
@@ -844,13 +852,17 @@ input[type="range"]::-webkit-slider-runnable-track {
   height: 6px;
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
   background: $color-gray-60;
   border-radius: $br25;
   border: 0px solid #000101;
 }
 input[type="range"]::-webkit-slider-thumb {
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
   border: 0px solid #000000;
   height: 18px;
   width: 6px;
@@ -868,13 +880,17 @@ input[type="range"]::-moz-range-track {
   height: 8px;
   cursor: pointer;
   animate: 0.2s;
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
   background: $color-gray-60;
   border-radius: $br25;
   border: 0px solid #000101;
 }
 input[type="range"]::-moz-range-thumb {
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
   border: 0px solid #000000;
   height: 24px;
   width: 8px;
@@ -896,16 +912,22 @@ input[type="range"]::-ms-fill-lower {
   background: $color-gray-60;
   border: 0px solid #000101;
   border-radius: $br50;
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
 }
 input[type="range"]::-ms-fill-upper {
   background: $color-gray-60;
   border: 0px solid #000101;
   border-radius: $br50;
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
 }
 input[type="range"]::-ms-thumb {
-  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
+  box-shadow:
+    0px 0px 0px #000000,
+    0px 0px 0px #0d0d0d;
   border: 0px solid #000000;
   height: 24px;
   width: 8px;
diff --git a/frontend/resources/styles/main/partials/colorpicker.scss b/frontend/resources/styles/main/partials/colorpicker.scss
index c26571b9c..71b049d8c 100644
--- a/frontend/resources/styles/main/partials/colorpicker.scss
+++ b/frontend/resources/styles/main/partials/colorpicker.scss
@@ -232,7 +232,9 @@
       border-radius: $br6;
       z-index: 1;
       border: 1px solid $color-white;
-      box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.25) 0px 4px 4px inset,
+      box-shadow:
+        rgb(255, 255, 255) 0px 0px 0px 1px inset,
+        rgb(0 0 0 / 0.25) 0px 4px 4px inset,
         rgb(0 0 0 / 0.25) 0px 4px 4px;
       transform: translate(-6px, -6px);
       left: 50%;
@@ -381,7 +383,9 @@
         border-radius: $br6;
         z-index: 1;
         border: 1px solid $color-white;
-        box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(0 0 0 / 0.25) 0px 4px 4px inset,
+        box-shadow:
+          rgb(255, 255, 255) 0px 0px 0px 1px inset,
+          rgb(0 0 0 / 0.25) 0px 4px 4px inset,
           rgb(0 0 0 / 0.25) 0px 4px 4px;
         transform: translate(-6px, -6px);
         left: 50%;
diff --git a/frontend/resources/styles/main/partials/dashboard-grid.scss b/frontend/resources/styles/main/partials/dashboard-grid.scss
index 09bf2efc3..e5f14c116 100644
--- a/frontend/resources/styles/main/partials/dashboard-grid.scss
+++ b/frontend/resources/styles/main/partials/dashboard-grid.scss
@@ -467,7 +467,9 @@
   }
   &.libs {
     background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
-    background-position: 15% bottom, 85% top;
+    background-position:
+      15% bottom,
+      85% top;
     background-repeat: no-repeat;
     align-items: center;
     border: 1px dashed #b1b2b5;
diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index 38e934b4d..9b5273484 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -1204,7 +1204,9 @@
 
   .go-to-lib-button {
     color: $color-white;
-    transition: border 0.3s, color 0.3s;
+    transition:
+      border 0.3s,
+      color 0.3s;
     text-align: center;
     background: $color-gray-50;
     padding: 0.5rem;
diff --git a/frontend/src/app/main/ui/workspace/left_toolbar.scss b/frontend/src/app/main/ui/workspace/left_toolbar.scss
index 6dc12cb92..d0ed4f50d 100644
--- a/frontend/src/app/main/ui/workspace/left_toolbar.scss
+++ b/frontend/src/app/main/ui/workspace/left_toolbar.scss
@@ -18,7 +18,10 @@
   border-radius: $s-8;
   z-index: $z-index-2;
   background-color: var(--color-background-primary);
-  transition: top 0.3s, height 0.3s, opacity 0.3s;
+  transition:
+    top 0.3s,
+    height 0.3s,
+    opacity 0.3s;
 
   .main-toolbar-options {
     position: relative;
diff --git a/frontend/src/app/main/ui/workspace/palette.scss b/frontend/src/app/main/ui/workspace/palette.scss
index 3a9d2cb83..d2311c7d8 100644
--- a/frontend/src/app/main/ui/workspace/palette.scss
+++ b/frontend/src/app/main/ui/workspace/palette.scss
@@ -30,7 +30,10 @@
   padding: $s-0 $s-0 $s-8 $s-8;
   border-radius: $br-8;
   background-color: var(--palette-background-color);
-  transition: right 0.3s, opacity 0.2s, width 0.3s;
+  transition:
+    right 0.3s,
+    opacity 0.2s,
+    width 0.3s;
   &.wide {
     width: 100%;
   }