Merge pull request #15 from vianetz/fix_stylelint

Applied stylelint rules
vianetz · Sep 23, 2023 · dd306d5 · dd306d5
2 parents 51d06aa + 028c589
commit dd306d5
Show file tree

Hide file tree

Showing 39 changed files with 225 additions and 74 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,11 +3,12 @@ node_modules/
 yarn.lock
 package-lock.json
 .*
-__snapshots__/__diff__/
-__snapshots__/__updated__/
+tests/snapshots/__diff__/
+tests/snapshots/__updated__/
 !.csscomb.json
 !.gitignore
 !.gitattributes
 !.hound.yml
 !.scss-lint.yml
+!.stylelintignore
 !.stylelintrc.json
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1 @@
+src/_normalize.scss
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -10,9 +10,12 @@
  "declaration-empty-line-before": null,
  "no-descending-specificity": null,
  "number-max-precision": 8,
+ "scss/at-mixin-argumentless-call-parentheses": "always",
  "scss/operator-no-unspaced": null,
  "scss/dollar-variable-empty-line-before": null,
  "selector-pseudo-element-colon-notation": "double",
- "selector-class-pattern": "[\\-\\_a-z0-9]"
+ "selector-class-pattern": "[\\-\\_a-z0-9]",
+ "selector-not-notation": "simple",
+ "value-keyword-case": ["lower", {"camelCaseSvgKeywords": true} ]
  }
 }
diff --git a/dist/spectre-exp.css b/dist/spectre-exp.css
@@ -585,13 +585,10 @@
  background: rgba(48, 55, 66, .1);
  border-color: transparent;
  border-radius: 0;
- bottom: 0;
  display: none;
  height: 100%;
- left: 0;
+ inset: 0;
  position: fixed;
- right: 0;
- top: 0;
  width: 100%;
 }
 .off-canvas .off-canvas-sidebar:target,
@@ -801,6 +798,7 @@
 }
 .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
+ appearance: none;
  background: #5755d9;
  border: 0;
  border-radius: 50%;

diff --git a/dist/spectre-exp.min.css b/dist/spectre-exp.min.css
diff --git a/dist/spectre.css b/dist/spectre.css
@@ -1476,12 +1476,9 @@ code {
 .video-responsive object,
 .video-responsive embed {
  border: 0;
- bottom: 0;
  height: 100%;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
  width: 100%;
 }
 
@@ -2463,18 +2460,15 @@ summary.accordion-header::-webkit-details-marker {
 
 .modal {
  align-items: center;
- bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
+ inset: 0;
  justify-content: center;
- left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
- right: 0;
- top: 0;
 }
 .modal:target,
 .modal.active {
@@ -2486,13 +2480,10 @@ summary.accordion-header::-webkit-details-marker {
 .modal:target .modal-overlay,
 .modal.active .modal-overlay {
  background: rgba(247, 248, 249, .75);
- bottom: 0;
  cursor: default;
  display: block;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
 }
 .modal:target .modal-container,
 .modal.active .modal-container {

diff --git a/dist/spectre.min.css b/dist/spectre.min.css
diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css
@@ -585,13 +585,10 @@
  background: rgba(48, 55, 66, .1);
  border-color: transparent;
  border-radius: 0;
- bottom: 0;
  display: none;
  height: 100%;
- left: 0;
+ inset: 0;
  position: fixed;
- right: 0;
- top: 0;
  width: 100%;
 }
 .off-canvas .off-canvas-sidebar:target,
@@ -801,6 +798,7 @@
 }
 .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
+ appearance: none;
  background: #5755d9;
  border: 0;
  border-radius: 50%;

diff --git a/docs/dist/spectre-exp.min.css b/docs/dist/spectre-exp.min.css
diff --git a/docs/dist/spectre-rtl.css b/docs/dist/spectre-rtl.css
@@ -1477,12 +1477,9 @@ code {
 .video-responsive object,
 .video-responsive embed {
  border: 0;
- bottom: 0;
  height: 100%;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
  width: 100%;
 }
 
@@ -2464,18 +2461,15 @@ summary.accordion-header::-webkit-details-marker {
 
 .modal {
  align-items: center;
- bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
+ inset: 0;
  justify-content: center;
- left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
- right: 0;
- top: 0;
 }
 .modal:target,
 .modal.active {
@@ -2487,13 +2481,10 @@ summary.accordion-header::-webkit-details-marker {
 .modal:target .modal-overlay,
 .modal.active .modal-overlay {
  background: rgba(247, 248, 249, .75);
- bottom: 0;
  cursor: default;
  display: block;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
 }
 .modal:target .modal-container,
 .modal.active .modal-container {
@@ -4166,13 +4157,10 @@ a.text-error:visited {
  background: rgba(48, 55, 66, .1);
  border-color: transparent;
  border-radius: 0;
- bottom: 0;
  display: none;
  height: 100%;
- left: 0;
+ inset: 0;
  position: fixed;
- right: 0;
- top: 0;
  width: 100%;
 }
 .off-canvas .off-canvas-sidebar:target,
@@ -4382,6 +4370,7 @@ a.text-error:visited {
 }
 .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
+ appearance: none;
  background: #5755d9;
  border: 0;
  border-radius: 50%;

diff --git a/docs/dist/spectre-rtl.min.css b/docs/dist/spectre-rtl.min.css
diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
@@ -1476,12 +1476,9 @@ code {
 .video-responsive object,
 .video-responsive embed {
  border: 0;
- bottom: 0;
  height: 100%;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
  width: 100%;
 }
 
@@ -2463,18 +2460,15 @@ summary.accordion-header::-webkit-details-marker {
 
 .modal {
  align-items: center;
- bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
+ inset: 0;
  justify-content: center;
- left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
- right: 0;
- top: 0;
 }
 .modal:target,
 .modal.active {
@@ -2486,13 +2480,10 @@ summary.accordion-header::-webkit-details-marker {
 .modal:target .modal-overlay,
 .modal.active .modal-overlay {
  background: rgba(247, 248, 249, .75);
- bottom: 0;
  cursor: default;
  display: block;
- left: 0;
+ inset: 0;
  position: absolute;
- right: 0;
- top: 0;
 }
 .modal:target .modal-container,
 .modal.active .modal-container {

diff --git a/docs/dist/spectre.min.css b/docs/dist/spectre.min.css
diff --git a/src/_animations.scss b/src/_animations.scss
@@ -5,6 +5,7 @@
  0% {
  transform: rotate(0deg);
  }
+
  100% {
  transform: rotate(360deg);
  }
@@ -15,6 +16,7 @@
  opacity: 0;
  transform: translateY(-(variables.$unit-8));
  }
+
  100% {
  opacity: 1;
  transform: translateY(0);

diff --git a/src/_avatars.scss b/src/_avatars.scss
@@ -17,12 +17,15 @@
  &.avatar-xs {
  @include avatar.avatar-base(variables.$unit-4);
  }
+
  &.avatar-sm {
  @include avatar.avatar-base(variables.$unit-6);
  }
+
  &.avatar-lg {
  @include avatar.avatar-base(variables.$unit-12);
  }
+
  &.avatar-xl {
  @include avatar.avatar-base(variables.$unit-16);
  }

diff --git a/src/_badges.scss b/src/_badges.scss
@@ -18,6 +18,7 @@
  transform: translate(-.05rem, -.5rem);
  }
  }
+
  &[data-badge] {
  &::after {
  font-size: variables.$font-size-sm;
@@ -29,6 +30,7 @@
  white-space: nowrap;
  }
  }
+
  &:not([data-badge]),
  &[data-badge=""] {
  &::after {

diff --git a/src/_bars.scss b/src/_bars.scss
@@ -30,6 +30,7 @@
  border-bottom-left-radius: variables.$border-radius;
  border-top-left-radius: variables.$border-radius;
  }
+
  &:last-child {
  border-bottom-right-radius: variables.$border-radius;
  border-top-right-radius: variables.$border-radius;
@@ -48,6 +49,7 @@
  left: 0;
  padding: 0;
  position: absolute;
+
  &:not(:last-child):first-child {
  background: variables.$bg-color-dark;
  z-index: variables.$zindex-0;