lint

src/client/styles/scss/theme/_apply-colors.scss

@@ -39,7 +39,7 @@ $nav-tabs-link-active-border-color: $bordercolor-nav-tabs-active;
 @import 'reboot-toastr-colors';
 
 :not(pre) {
-  >code {
+  > code {
     color: $color-inline-code;
     background-color: $bgcolor-inline-code;
     border-color: $bordercolor-inline-code;
@@ -56,10 +56,8 @@ pre:not(.hljs):not(.CodeMirror-line) {
 //
 
 // Alert link
-@each $color,
-$value in $theme-colors {
+@each $color, $value in $theme-colors {
   .alert.alert-#{$color} {
-
     a,
     a:hover {
       color: theme-color-level($color, $alert-color-level - 2);
@@ -85,7 +83,6 @@ $value in $theme-colors {
   .grw-icon-container svg {
     fill: $color-global;
   }
-
   .grw-icon-container-muted svg {
     fill: $secondary;
   }
@@ -93,13 +90,11 @@ $value in $theme-colors {
 
 .dropdown-item {
   color: $color-global;
-
   &:active,
   &.active {
     color: $color-dropdown-link-active;
     background-color: $bgcolor-dropdown-link-active;
   }
-
   &:hover {
     background-color: $light;
   }
@@ -133,7 +128,6 @@ $value in $theme-colors {
 //
 
 .grw-logo {
-
   // set transition for fill
   svg * {
     transition: fill 0.8s ease-out;
@@ -158,8 +152,7 @@ $value in $theme-colors {
 
 .grw-navbar {
   background: $bgcolor-navbar;
-
-  .nav-item>.nav-link {
+  .nav-item > .nav-link {
     color: $color-link-nabvar;
   }
 
@@ -183,7 +176,6 @@ $value in $theme-colors {
 }
 
 .grw-sidebar {
-
   // override @atlaskit/navigation-next styles
   .ak-navigation-resize-button {
     $color-resize-button: $color-global !default;
@@ -197,15 +189,13 @@ $value in $theme-colors {
       @include override-hexagon-color($color-resize-button-hover, $bgcolor-resize-button-hover);
     }
   }
-
   div[data-testid='GlobalNavigation'] {
-    >div {
+    > div {
       background-color: $bgcolor-sidebar;
     }
   }
-
   div[data-testid='ContextualNavigation'] {
-    >div {
+    > div {
       color: $color-sidebar-context;
       background-color: $bgcolor-sidebar-context;
     }
@@ -213,21 +203,21 @@ $value in $theme-colors {
 
   .grw-sidebar-nav {
     .btn {
-      @include button-variant($bgcolor-sidebar,
+      @include button-variant(
+        $bgcolor-sidebar,
         $bgcolor-sidebar,
         darken($bgcolor-sidebar, 7.5%),
         darken($bgcolor-sidebar, 10%),
         $bgcolor-sidebar-nav-item-active,
-        $bgcolor-sidebar-nav-item-active);
+        $bgcolor-sidebar-nav-item-active
+      );
     }
   }
-
   .grw-sidebar-nav-primary-container {
     .btn.active {
       i {
         text-shadow: $text-shadow-sidebar-nav-item-active;
       }
-
       // fukidashi
       &:after {
         border-right-color: $bgcolor-sidebar-context;
@@ -249,11 +239,9 @@ $value in $theme-colors {
 .modal {
   .modal-header {
     border-bottom-color: $border-color-theme;
-
     .close {
       color: $light;
       opacity: 0.5;
-
       &:hover {
         opacity: 0.9;
       }
@@ -273,22 +261,12 @@ $value in $theme-colors {
   border-bottom-color: $bordercolor-nav-tabs;
 }
 
-/*
- * cards
- */
-.card.well {
-  color: $color-global;
-  background-color: $bgcolor-card;
-  border-color: $light;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-}
-
 /*
  * Link Edit Modal
  */
 .link-edit-modal {
   .card-body.link-opts {
-    background-color: #F9FAFB;
+    background-color: #f9fafb;
     border-color: $gray-300;
   }
 
@@ -301,13 +279,20 @@ $value in $theme-colors {
     border-color: $gray-300;
 
     .input-group-prepend {
-      background-color: #F9FAFB;
+      background-color: #f9fafb;
     }
   }
-
 }
 
-
+/*
+ * cards
+ */
+.card.well {
+  color: $color-global;
+  background-color: $bgcolor-card;
+  border-color: $light;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
 
 /*
  * Form Slider
@@ -321,11 +306,11 @@ $value in $theme-colors {
     }
   }
 
-  input:checked+.slider {
+  input:checked + .slider {
     background-color: #007bff;
   }
 
-  input:focus+.slider {
+  input:focus + .slider {
     box-shadow: 0 0 1px #007bff;
   }
 }
@@ -401,7 +386,7 @@ body.on-edit {
     }
 
     .nav.nav-tabs {
-      >li>a.active {
+      > li > a.active {
         background: transparent;
         border-bottom: solid 1px darken($bgcolor-global, 4%);
         border-bottom-color: darken($bgcolor-global, 4%);
@@ -417,7 +402,7 @@ body.on-edit {
   .search-result-list {
     .page-list {
       .page-list-ul {
-        >li.nav-item>a.nav-link {
+        > li.nav-item > a.nav-link {
           color: inherit;
         }
 
@@ -425,7 +410,6 @@ body.on-edit {
           &.hover {
             background-color: darken($bgcolor-global, 4%);
           }
-
           &.active {
             background-color: darken($bgcolor-global, 8%);
             border-color: theme-color('primary');
@@ -461,7 +445,6 @@ mark.rbt-highlight-text {
       .theme-option-name {
         color: $color-global;
       }
-
       a {
         background-color: $color-theme-color-box;
         border-color: $color-theme-color-box;