#113 lint css background rule

eugene-serb · Apr 30, 2024 · e30fe70 · e30fe70
1 parent cfe2c53
commit e30fe70
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 18 deletions.
diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss
@@ -20,11 +20,11 @@ body {
   flex-direction: column;
   justify-content: space-between;
   min-height: 100vh;
-  background: var(--color-background);
+  background-color: var(--color-background);
 }
 
 ::selection {
-  background: var(--color-selection);
+  background-color: var(--color-selection);
 }
 
 :focus {

diff --git a/src/assets/css/content.scss b/src/assets/css/content.scss
@@ -25,7 +25,7 @@
   margin-bottom: 16px;
   padding: 16px;
   border-radius: var(--number-border-radius);
-  background: var(--color-content-item-background);
+  background-color: var(--color-content-item-background);
 
   @media only screen and (min-width: 540px) {
     padding: 32px;

diff --git a/src/assets/css/forms.scss b/src/assets/css/forms.scss
@@ -23,7 +23,7 @@ input {
   padding: 4px 8px;
   border: var(--number-form-border-size) solid var(--color-link);
   border-radius: var(--number-form-border-radius);
-  background: var(--color-milk);
+  background-color: var(--color-milk);
   color: var(--color-text);
   font-size: 16px;
   line-height: 1.382em;
@@ -39,7 +39,7 @@ select:hover {
 }
 
 option {
-  background: var(--color-background);
+  background-color: var(--color-background);
   color: var(--color-text);
   font-size: 16px;
   line-height: 1.382em;
@@ -66,7 +66,7 @@ input {
       &::-webkit-slider-runnable-track,
       &::-ms-fill-lower,
       &::-ms-fill-upper {
-        background: var(--color-b);
+        background-color: var(--color-b);
       }
     }
 
@@ -81,7 +81,7 @@ input {
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
-      background: var(--color-b);
+      background-color: var(--color-b);
       border: 0px solid #000101;
       border-radius: var(--number-form-border-radius);
     }
@@ -93,7 +93,7 @@ input {
       margin-top: -4px;
       border: 0px solid #000000;
       border-radius: var(--number-form-border-radius);
-      background: var(--color-a);
+      background-color: var(--color-a);
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
@@ -105,7 +105,7 @@ input {
       height: 8px;
       border: 0px solid #000101;
       border-radius: var(--number-form-border-radius);
-      background: var(--color-b);
+      background-color: var(--color-b);
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
@@ -118,7 +118,7 @@ input {
       height: 16px;
       border: 0px solid #000000;
       border-radius: var(--number-form-border-radius);
-      background: var(--color-a);
+      background-color: var(--color-a);
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
@@ -130,7 +130,7 @@ input {
       height: 8px;
       border-width: 8px 0;
       border-color: transparent;
-      background: transparent;
+      background-color: transparent;
       color: transparent;
       cursor: pointer;
       animate: 0.2s;
@@ -142,7 +142,7 @@ input {
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
-      background: var(--color-b);
+      background-color: var(--color-b);
     }
 
     &::-ms-fill-upper {
@@ -151,15 +151,15 @@ input {
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;
-      background: var(--color-b);
+      background-color: var(--color-b);
     }
 
     &::-ms-thumb {
       width: 16px;
       height: 16px;
       border: 0px solid #000000;
       border-radius: var(--number-form-border-radius);
-      background: var(--color-a);
+      background-color: var(--color-a);
       box-shadow:
         0px 0px 0px #000000,
         0px 0px 0px #0d0d0d;

diff --git a/src/components/molecules/MHeader.vue b/src/components/molecules/MHeader.vue
@@ -36,11 +36,11 @@ defineProps({
 <style lang="scss">
 .header {
   border-bottom: 8px solid var(--color-header-borderline);
-  background: var(--color-header-background);
+  background-color: var(--color-header-background);
 
   @media only screen and (min-width: 540px) {
     border-bottom: 32px solid var(--color-header-borderline);
-    background: var(--color-header-background);
+    background-color: var(--color-header-background);
   }
 
   .header-wrapper {

diff --git a/src/components/molecules/MHeaderMenu.vue b/src/components/molecules/MHeaderMenu.vue
@@ -64,7 +64,7 @@ defineProps({
     }
 
     &::selection {
-      background: var(--color-header-selection);
+      background-color: var(--color-header-selection);
     }
   }
 }

diff --git a/src/components/molecules/MPattern.vue b/src/components/molecules/MPattern.vue
@@ -86,7 +86,7 @@ function onClick(index: number): void {
   height: 50px;
   padding: 8px;
   border-radius: var(--number-border-radius);
-  background: var(--color-pattern-button);
+  background-color: var(--color-pattern-button);
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
-Original file line number
+Diff line change
@@ Expand Up / @@ -64,7 +64,7 @@ defineProps({ @@
         }
         &::selection {
-          background: var(--color-header-selection);
+          background-color: var(--color-header-selection);
         }
       }
     }
@@ Expand Down @@