fix: lint css

boltdesignsystem · Jul 16, 2020 · 71f8278 · 71f8278
1 parent 471ccf3
commit 71f8278
Show file tree

Hide file tree

Showing 130 changed files with 240 additions and 140 deletions.
diff --git a/docs-site/src/components/animated-logo/animated-logo.scss b/docs-site/src/components/animated-logo/animated-logo.scss
@@ -3,6 +3,7 @@
     opacity: 0;
     transform: translate3d(0, 0, 0) scale(0.4, 0.4);
   }
+
   100% {
     opacity: 1;
     transform: translate3d(0, 0, 0) scale(0.6, 0.6);
@@ -14,6 +15,7 @@
   100% {
     transform: translate3d(0, 0, 0) scale(1);
   }
+
   50% {
     transform: translate3d(0, 0, 0) scale(0.9);
   }

diff --git a/docs-site/src/components/animated-shapes/animated-shapes.scss b/docs-site/src/components/animated-shapes/animated-shapes.scss
@@ -3,6 +3,7 @@
     opacity: 0;
     transform: translate3d(0, 0, 0) rotate(calc(var(--rotate) * 2));
   }
+
   10% {
     transform: translate3d(0, 0, 0) rotate(calc(var(--rotate) * 2));
   }

diff --git a/docs-site/src/components/component-status/component-status.scss b/docs-site/src/components/component-status/component-status.scss
@@ -39,7 +39,7 @@
     display: block;
     width: 40%;
 
-    @include bolt-mq($from: medium){
+    @include bolt-mq($from: medium) {
       width: 30%;
     }
   }
@@ -53,7 +53,7 @@
     width: 60%;
     border-left: none;
 
-    @include bolt-mq($from: medium){
+    @include bolt-mq($from: medium) {
       width: 70%;
     }
   }
@@ -66,4 +66,4 @@
     float: left;
     color: #4A4A4A;
   }
-}
+}
diff --git a/docs-site/src/components/docs-search/docs-search.scss b/docs-site/src/components/docs-search/docs-search.scss
@@ -13,12 +13,12 @@ bds-docs-search {
     justify-self: center;
   }
 
-  @include bolt-mq($from: small){
+  @include bolt-mq($from: small) {
     width: 50px;
     min-width: 100px;
   }
 
-  @include bolt-mq($from: medium){
+  @include bolt-mq($from: medium) {
     width: auto;
     min-width: none;
   }
@@ -27,13 +27,13 @@ bds-docs-search {
     width: 200px;
     transition: all 250ms;
 
-    @include bolt-mq($from: medium){
+    @include bolt-mq($from: medium) {
       width: auto;
     }
   }
 
   .c-bolt-navbar & {
-    @include bolt-mq($until: 420px){
+    @include bolt-mq($until: 420px) {
       -ms-grid-column: 3;
       -ms-grid-column-span: 2;
       grid-column: 3/span 2;
@@ -91,12 +91,12 @@ bds-docs-search {
   }
 
   .algolia-autocomplete .ds-dropdown-menu {
-    @include bolt-mq($until: small){
+    @include bolt-mq($until: small) {
       min-width: 250px;
       max-width: 95vw;
     }
 
-    @include bolt-mq($from: small, $until: medium){
+    @include bolt-mq($from: small, $until: medium) {
       min-width: 320px;
       max-width: 80vw;
     }

diff --git a/docs-site/src/components/gearbox/gearbox.scss b/docs-site/src/components/gearbox/gearbox.scss
@@ -196,8 +196,8 @@ $gear-animation-time: 12s;
 
 .c-bds-gearbox__gear-text {
   margin: 0;
-  line-height: 1.51;
-  text-align: center;
   font-size: 0.9rem;
   font-weight: bolder;
+  line-height: 1.51;
+  text-align: center;
 }
diff --git a/docs-site/src/components/off-canvas-nav/off-canvas-nav.scss b/docs-site/src/components/off-canvas-nav/off-canvas-nav.scss
@@ -38,10 +38,12 @@
         // border-left: 2px solid #535ca6;
       }
     }
+
     &--active {
       // font-weight: bolder;
       // text-decoration: none;
     }
+
     &--parent {
       // background: #e0e2eb;
       display: block;
@@ -56,9 +58,11 @@
         // text-decoration: none;
       }
     }
+
     .c-bds-offcanvas__list--depth-1 & {
       // font-size: 1.25rem;
     }
+
     .c-bds-offcanvas__list--depth-2 & {
       // font-size: 0.9rem;
       display: block;
@@ -133,4 +137,4 @@
 //   flex-direction: row-reverse;
 //   align-items: center;
 //   justify-content: space-between;
-// }
+// }
diff --git a/docs-site/src/components/pattern-lab-demos/_clearfix-demo.scss b/docs-site/src/components/pattern-lab-demos/_clearfix-demo.scss
@@ -9,15 +9,18 @@
   &__right {
     @extend %bolt-demo-item;
   }
+
   &__left {
     float: left;
     width: 30%;
   }
+
   &__right {
     float: right;
     width: calc(70% - 1rem);
   }
 }
+
 .c-bds-docs__clearfix-separator {
   clear: both;
   height: 2rem;

diff --git a/docs-site/src/components/pattern-lab-demos/_color-demo.scss b/docs-site/src/components/pattern-lab-demos/_color-demo.scss
@@ -14,6 +14,7 @@
       border-bottom: 0;
     }
   }
+
   &__color {
     @include bolt-margin-bottom(2rem);
 

diff --git a/docs-site/src/components/pattern-lab-demos/_flex-demo.scss b/docs-site/src/components/pattern-lab-demos/_flex-demo.scss
@@ -3,6 +3,7 @@
   @include bolt-margin-bottom(2rem);
   resize: horizontal;
   overflow-y: auto;
+
   &+h4 {
     @include bolt-margin-top(4rem);
   }

diff --git a/docs-site/src/components/pattern-lab-demos/_shadow-demo.scss b/docs-site/src/components/pattern-lab-demos/_shadow-demo.scss
@@ -12,6 +12,7 @@
   code {
     font-size: 0.7rem;
   }
+
   &[class*='hoverable']:hover {
     @include bolt-z-index('contentTop');
   }

diff --git a/docs-site/src/components/pattern-lab-demos/_spacing-demo.scss b/docs-site/src/components/pattern-lab-demos/_spacing-demo.scss
@@ -6,6 +6,7 @@
 .c-bds-docs__spacing-item {
   @extend %bolt-demo-item-border;
   @extend %bolt-demo-item-background;
+
   h4+& {
     @include bolt-margin-top(0.75rem);
   }

diff --git a/docs-site/src/components/pattern-lab-demos/_text-align-demo.scss b/docs-site/src/components/pattern-lab-demos/_text-align-demo.scss
@@ -5,6 +5,7 @@
 
 .c-bds-docs__text-align-item {
   @extend %bolt-demo-item-border;
+
   h4+& {
     @include bolt-margin-top(0.75rem);
   }

diff --git a/docs-site/src/components/pattern-lab-demos/_text-decoration-demo.scss b/docs-site/src/components/pattern-lab-demos/_text-decoration-demo.scss
@@ -5,6 +5,7 @@
 
 .c-bds-docs__text-decoration-item {
   @extend %bolt-demo-item-border;
+
   h4+& {
     @include bolt-margin-top(0.75rem);
   }

diff --git a/docs-site/src/components/pattern-lab-demos/_visually-hidden-demo.scss b/docs-site/src/components/pattern-lab-demos/_visually-hidden-demo.scss
@@ -33,6 +33,7 @@
 
   input:checked + label {
     background: bolt-color(navy, light);
+
     &
       + .c-bds-docs__visually-hidden-inner
       > .c-bds-docs__visually-hidden-content {

diff --git a/docs-site/src/components/pattern-lab-demos/_width-demo.scss b/docs-site/src/components/pattern-lab-demos/_width-demo.scss
@@ -6,6 +6,7 @@
 .c-bds-docs__width-item {
   @extend %bolt-demo-item-border;
   @extend %bolt-demo-item-background;
+
   h4+& {
     @include bolt-margin-top(0.75rem);
   }

diff --git a/docs-site/src/components/pattern-lab-utils/_sassdoc.scss b/docs-site/src/components/pattern-lab-utils/_sassdoc.scss
@@ -14,8 +14,8 @@
 
 .c-bds-docs__return-label {
   @include bolt-font-weight(bold);
-  color: bolt-color(navy, light);
   font-family: monospace;
+  color: bolt-color(navy, light);
 }
 
 .c-bds-docs__meta {
@@ -31,6 +31,7 @@
       @include bolt-font-weight(bold);
     }
   }
+
   summary {
     @include bolt-margin(0);
     user-select: none;

diff --git a/docs-site/src/components/schema-table/schema-table.scss b/docs-site/src/components/schema-table/schema-table.scss
@@ -16,12 +16,14 @@
       cursor: pointer;
 
       summary {
-        user-select: none;
         font-weight: bolt-font-weight(700);
+        user-select: none;
+
         &:focus {
           outline: none;
         }
       }
+
       &,
       summary {
         margin: 0;

diff --git a/docs-site/src/components/site-layout/site-layout.scss b/docs-site/src/components/site-layout/site-layout.scss
@@ -197,8 +197,8 @@ $bds-sidebar-width: 320px;
     > h2 {
       margin: 0;
       padding: 10px 20px;
-      color: #fff;
       font-size: 1.11rem;
+      color: #fff;
       border-bottom: 1px solid #fff;
       background-color: bolt-color(navy);
     }
@@ -457,6 +457,7 @@ $bds-sidebar-width: 320px;
   h5,
   h6 {
     @include bolt-margin-bottom(xxsmall);
+
     &:last-child {
       @include bolt-margin-bottom(0);
     }

diff --git a/docs-site/src/pages/pattern-lab/_patterns/01-visual-styles/15-breakpoints/_breakpoints.scss b/docs-site/src/pages/pattern-lab/_patterns/01-visual-styles/15-breakpoints/_breakpoints.scss
@@ -2,15 +2,18 @@
   @include bolt-margin-bottom(medium);
   position: relative;
   overflow: auto;
+
   ul {
     margin: 0;
     padding: 0;
   }
+
   li {
     margin: 0;
     padding: 0;
     list-style-type: none;
   }
+
   .breakpoints {
     > li {
       position: absolute;
@@ -30,19 +33,23 @@
         //        bottom: 20px;
         background: hsl(0, 0%, 35%);
       }
+
       &:hover {
         // stylelint-disable max-nesting-depth, selector-max-specificity
         cursor: help;
         border-left-color: blue;
+
         > .label {
           background-color: blue;
         }
         // stylelint-enable max-nesting-depth, selector-max-specificity
       }
     }
   }
+
   .device_widths {
     padding-top: 20px;
+
     > li {
       margin-bottom: 15px;
       padding-right: 15px;

diff --git a/packages/components/bolt-accordion/src/AccordionItem/accordion-item.scss b/packages/components/bolt-accordion/src/AccordionItem/accordion-item.scss
@@ -245,9 +245,9 @@ bolt-accordion-item {
   position: relative;
   transform: translateX(var(--bolt-spacing-x-xxsmall));
   overflow: hidden; // so transformed icons don't spill out
+  font-size: $bolt-accordion-icon-size;
   color: bolt-theme(link);
   line-height: 0; // Workaround to line-height messing up icon alignment
-  font-size: $bolt-accordion-icon-size;
 
   @at-root .c-bolt-accordion-item__trigger-label--inactive & {
     visibility: hidden; // keep layout so inner content lines up