fix lint errors

packages/core-styles/scss/bootstrap/_variables.scss

@@ -1,3 +1,5 @@
+/* stylelint-disable scss/comment-no-empty */
+
 // Variables
 //
 // Variables should follow the `$component-state-property-size` formula for
@@ -45,20 +47,20 @@ $btn-active-box-shadow: 0;
 $link-decoration: none;
 
 
-//== Typography
+// == Typography
 //
-//## Font, line-height, and color for body text, headings, and more.
+// ## Font, line-height, and color for body text, headings, and more.
 $font-family-sans-serif: var(--font-family-sans-serif);
 $font-family-serif: var(--font-family-serif);
 $font-family-monospace: var(--font-family-monospace);
 $font-family-base: $font-family-sans-serif;
 
 
-//== Dropdowns
+// == Dropdowns
 $dropdown-header-padding-y: 0 !default;
 
-//== Modals
+// == Modals
 $modal-footer-border-width: 0;
 
-//== Custom Checkbox
+// == Custom Checkbox
 $form-check-indicator-size: 1.2rem;

packages/core-styles/scss/bootstrap/init.scss

@@ -1,9 +1,7 @@
 @import './init-stage-1';
-
 @import './theming/variables';
 @import './variables';
 @import './variables-dark';
 @import 'bootstrap/scss/variables';
 @import 'bootstrap/scss/variables-dark';
-
 @import './init-stage-2';

packages/core-styles/scss/bootstrap/override/helpers/_color-bg.scss

@@ -6,15 +6,13 @@
       background-color: var(--bs-light) if($enable-important-utilities, !important, null);
       border: 1px solid var(--bs-light-border-subtle) if($enable-important-utilities, !important, null);
     }
-  }
-  @else if $color == 'dark' {
+  } @else if $color == 'dark' {
     .text-bg-#{$color} {
       color: $gray-600 if($enable-important-utilities, !important, null);
       background-color: var(--bs-dark);
       border: 1px solid var(--bs-dark-border-subtle);
     }
-  }
-  @else {
+  } @else {
     .text-bg-#{$color} {
       color: var(--#{$prefix}#{$color}) if($enable-important-utilities, !important, null);
       background-color: var(--#{$prefix}#{$color}-bg-subtle) if($enable-important-utilities, !important, null);

packages/core-styles/scss/bootstrap/theming/_root-dark.scss

@@ -3,15 +3,12 @@
   --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
   --#{$prefix}body-bg: #{$body-bg-dark};
   --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
-
   --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
   --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
-
   --#{$prefix}secondary-color: #{$body-secondary-color-dark};
   --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
   --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
   --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
-
   --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
   --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
   --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
@@ -33,14 +30,11 @@
   --#{$prefix}link-hover-color: #{$link-hover-color-dark};
   --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
   --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
-
   --#{$prefix}code-color: #{$code-color-dark};
   --#{$prefix}highlight-color: #{$mark-color-dark};
   --#{$prefix}highlight-bg: #{$mark-bg-dark};
-
   --#{$prefix}border-color: #{$border-color-dark};
   --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
-
   --#{$prefix}form-valid-color: #{$form-valid-color-dark};
   --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
   --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};

packages/core-styles/scss/bootstrap/theming/_root-light.scss

@@ -4,33 +4,25 @@
   --#{$prefix}body-color-rgb: #{to-rgb($body-color)};
   --#{$prefix}body-bg: #{$body-bg};
   --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
-
   --#{$prefix}emphasis-color: #{$body-emphasis-color};
   --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
-
   --#{$prefix}secondary-color: #{$body-secondary-color};
   --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};
   --#{$prefix}secondary-bg: #{$body-secondary-bg};
   --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};
-
   --#{$prefix}tertiary-color: #{$body-tertiary-color};
   --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
   --#{$prefix}tertiary-bg: #{$body-tertiary-bg};
   --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
-
   --#{$prefix}link-color: #{$link-color};
   --#{$prefix}link-color-rgb: #{to-rgb($link-color)};
-
   --#{$prefix}link-hover-color: #{$link-hover-color};
   --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
-
   --#{$prefix}code-color: #{$code-color};
   --#{$prefix}highlight-color: #{$mark-color};
   --#{$prefix}highlight-bg: #{$mark-bg};
-
   --#{$prefix}border-color: #{$border-color};
   --#{$prefix}border-color-translucent: #{$border-color-translucent};
-
   --#{$prefix}form-valid-color: #{$form-valid-color};
   --#{$prefix}form-valid-border-color: #{$form-valid-border-color};
   --#{$prefix}form-invalid-color: #{$form-invalid-color};

packages/core-styles/scss/bootstrap/theming/_variables.scss

@@ -1,5 +1,5 @@
 // Variables
-//
+
 // Variables should follow the `$component-state-property-size` formula for
 // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
 

packages/core-styles/scss/bootstrap/utilities.scss

@@ -1,4 +1,3 @@
 @import 'init';
-
 @import './override/helpers';
 @import 'bootstrap/scss/utilities/api';

packages/core-styles/scss/helpers/_rotate.scss

@@ -9,6 +9,7 @@ $rotate-degrees: [0, 1, 2, 3, 6, 12, 45, 90, 180];
   .rotate-#{$degree} {
     transform: rotate(#{$degree}deg);
   }
+
   // negative rotation
   .-rotate-#{$degree} {
     transform: rotate(-#{$degree}deg);

packages/core-styles/scss/variables/_growi-official-colors.scss

@@ -1,3 +1,3 @@
-//== GROWI Official Color
+// == GROWI Official Color
 $growi-green: #74bc46;
 $growi-blue: #175fa5;