Merge pull request #171 from centrica-engineering/hotfix/linting

fix: css linting
centrica-engineering · Jan 25, 2022 · 3d41eb1 · 3d41eb1
2 parents d1b57b4 + 510d5e1
commit 3d41eb1
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 12 deletions.
diff --git a/packages/library/components/cta/src/styles.css b/packages/library/components/cta/src/styles.css
@@ -1,4 +1,4 @@
-@import '@muons/library/css/default.css';
+@import "@muons/library/css/default.css";
 
 :host {
   display: inline-block;
@@ -50,14 +50,18 @@
     }
 
     & :focus:not(:focus-visible) {
-      outline: none; /* https://matthiasott.com/notes/focus-visible-is-here and https://www.tpgi.com/focus-visible-and-backwards-compatibility/ */
+      /*
+        https://matthiasott.com/notes/focus-visible-is-here and
+        https://www.tpgi.com/focus-visible-and-backwards-compatibility/
+      */
+      outline: none;
     }
 
     &:focus-visible {
+      outline: 3px;
       outline-color: $CTA_FOCUS_OUTLINE_COLOR;
       outline-offset: 0; /* Chrome by default adds a 1px offset on the `<a>` */
       outline-style: solid;
-      outline-width: 3px;
       text-decoration: underline;
     }
 

diff --git a/packages/library/components/detail/src/styles.css b/packages/library/components/detail/src/styles.css
@@ -1,4 +1,4 @@
-@import '@muons/library/css/default.css';
+@import "@muons/library/css/default.css";
 
 :host {
   display: block;
@@ -42,16 +42,20 @@
     }
 
     & :focus:not(:focus-visible) {
-      outline: none; /* https://matthiasott.com/notes/focus-visible-is-here and https://www.tpgi.com/focus-visible-and-backwards-compatibility/ */
+      /*
+         https://matthiasott.com/notes/focus-visible-is-here and
+         https://www.tpgi.com/focus-visible-and-backwards-compatibility/
+      */
+      outline: none;
     }
 
     &:focus-visible {
       background-color: $DETAIL_FOCUS_BACKGROUND_COLOR;
       color: $DETAIL_FOCUS_COLOR;
+      outline: 3px;
       outline-color: $DETAIL_FOCUS_OUTLINE_COLOR;
       outline-offset: 0; /* Chrome by default adds a 1px offset on the `<a>` */
       outline-style: solid;
-      outline-width: 3px;
       text-decoration: underline;
     }
   }

diff --git a/packages/library/components/icon/src/styles.css b/packages/library/components/icon/src/styles.css
@@ -1,4 +1,4 @@
-@import '@muons/library/css/default.css';
+@import "@muons/library/css/default.css";
 
 :host {
   display: inline-block;

diff --git a/packages/library/components/image/src/styles.css b/packages/library/components/image/src/styles.css
@@ -1,4 +1,4 @@
-@import '@muons/library/css/default.css';
+@import "@muons/library/css/default.css";
 
 :host {
   display: block;
@@ -29,7 +29,7 @@
     }
 
     & .blur-out {
-      animation: blurOut 0.5s ease-out;
+      animation: blur-out 0.5s ease-out;
     }
 
     & .image-holder,
@@ -60,7 +60,7 @@
   }
 }
 
-@keyframes blurOut {
+@keyframes blur-out {
   0% {
     filter: blur(0.7em);
   }

diff --git a/packages/library/components/inputter/src/styles.css b/packages/library/components/inputter/src/styles.css
@@ -1,4 +1,4 @@
-@import '@muons/library/css/default.css';
+@import "@muons/library/css/default.css";
 
 :host {
   display: block;

diff --git a/packages/library/css/default.css b/packages/library/css/default.css
@@ -1,4 +1,4 @@
-@import 'accessibility.css';
+@import "accessibility.css";
 
 :host {
   font-family: $THEME_FONT_FAMILY_DEFAULT;