style: autofix lint issues (#9789)

**Related Issue:** N/A ## Summary ✨🧹✨
Esri · Jul 16, 2024 · 89335f1 · 89335f1
1 parent cb95fa1
commit 89335f1
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 30 deletions.
diff --git a/packages/calcite-components/src/components/date-picker-day/date-picker-day.scss b/packages/calcite-components/src/components/date-picker-day/date-picker-day.scss
@@ -5,8 +5,8 @@
 @include disabled();
 
 @mixin range-part-base() {
-  &:before,
-  &:after {
+  &::before,
+  &::after {
     @apply absolute pointer-events-none;
     inset-block: 0;
     content: "";
@@ -16,10 +16,10 @@
 }
 
 @mixin range-part-edge-end() {
-  &:before {
+  &::before {
     inset-inline-end: 50%;
   }
-  &:after {
+  &::after {
     inset-inline-start: 50%;
     border-start-end-radius: var(--calcite-internal-day-size);
     border-end-end-radius: var(--calcite-internal-day-size);
@@ -28,23 +28,23 @@
 }
 
 @mixin range-part-edge-start() {
-  &:before {
+  &::before {
     inset-inline-end: 50%;
     border-start-start-radius: var(--calcite-internal-day-size);
     border-end-start-radius: var(--calcite-internal-day-size);
     inline-size: calc(var(--calcite-internal-day-size) / 2);
   }
-  &:after {
+  &::after {
     inset-inline-start: 50%;
   }
 }
 
 @mixin range-part-middle() {
-  &:before {
+  &::before {
     inset-inline-end: 50%;
     border-radius: 0;
   }
-  &:after {
+  &::after {
     inset-inline-start: 50%;
     border-radius: 0;
   }
@@ -180,17 +180,17 @@
 :host([highlighted]),
 :host([selected]:not(.hover--outside-range)) {
   .day-wrapper {
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       background-color: var(--calcite-color-foreground-current);
     }
   }
 }
 
 :host([range-hover]:not([selected])) {
   .day-wrapper {
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       @apply bg-foreground-2;
     }
   }
@@ -222,8 +222,8 @@
 :host([start-of-range][range-edge="end"].hover--inside-range),
 :host([end-of-range]) {
   .day-wrapper {
-    &:after,
-    &:before {
+    &::after,
+    &::before {
       content: unset;
     }
   }
@@ -257,8 +257,8 @@
   :host([highlighted]),
   :host([range-hover]:not([selected])) {
     .day-wrapper {
-      &:before,
-      &:after {
+      &::before,
+      &::after {
         background-color: highlight;
       }
     }
@@ -268,8 +268,8 @@
   :host([range][selected][start-of-range]),
   :host([range][selected][end-of-range]) {
     .day-wrapper {
-      &:before,
-      &:after {
+      &::before,
+      &::after {
         background-color: canvas;
       }
     }

diff --git a/packages/calcite-components/src/components/menu-item/menu-item.scss b/packages/calcite-components/src/components/menu-item/menu-item.scss
@@ -128,13 +128,13 @@
 calcite-action {
   @apply relative h-auto;
   border-inline-start: 1px solid var(--calcite-color-foreground-1);
-  &:after {
+  &::after {
     @apply block w-px  absolute -start-px;
     content: "";
     inset-block: theme("spacing.3");
     background-color: var(--calcite-color-border-3);
   }
-  &:hover:after {
+  &:hover::after {
     @apply h-full;
     inset-block: 0;
   }

diff --git a/packages/calcite-components/src/components/notice/notice.scss b/packages/calcite-components/src/components/notice/notice.scss
@@ -81,7 +81,7 @@
     transition-default;
   max-block-size: 0;
   text-align: start;
-  border-inline-start: 0px solid;
+  border-inline-start: 0 solid;
   box-shadow: 0 0 0 0 transparent;
 }
 

diff --git a/packages/calcite-components/src/components/pick-list-item/pick-list-item.scss b/packages/calcite-components/src/components/pick-list-item/pick-list-item.scss
@@ -54,7 +54,7 @@
 
 .icon-dot {
   @apply flex w-6 items-center p-2;
-  &:before {
+  &::before {
     @apply opacity-0;
     content: "\2022";
   }
@@ -64,7 +64,7 @@
   @apply opacity-0;
 }
 
-:host([selected]) .icon-dot:before,
+:host([selected]) .icon-dot::before,
 :host([selected]) .icon calcite-icon {
   transition: opacity var(--calcite-animation-timing);
   @apply opacity-100;

diff --git a/packages/calcite-components/src/components/slider/slider.scss b/packages/calcite-components/src/components/slider/slider.scss
@@ -220,9 +220,9 @@
   }
 }
 
-.thumb:hover.thumb--precise:after,
-.thumb:focus.thumb--precise:after,
-.thumb--active.thumb--precise:after {
+.thumb:hover.thumb--precise::after,
+.thumb:focus.thumb--precise::after,
+.thumb--active.thumb--precise::after {
   @apply bg-brand;
 }
 
@@ -243,7 +243,7 @@
     &:hover {
       cursor: ew-resize;
     }
-    &:after {
+    &::after {
       @apply absolute w-full;
       content: "";
       inset-block-start: calc(calc(var(--calcite-slider-full-handle-height) * 0.5) * -1);

diff --git a/packages/calcite-components/src/components/tab-title/tab-title.scss b/packages/calcite-components/src/components/tab-title/tab-title.scss
@@ -186,7 +186,7 @@
 }
 
 :host([bordered][selected]) {
-  box-shadow: inset 0px -2px var(--calcite-color-foreground-1);
+  box-shadow: inset 0 -2px var(--calcite-color-foreground-1);
 }
 
 :host([bordered][selected][position="bottom"]) {

diff --git a/packages/calcite-components/src/components/tree-item/tree-item.scss b/packages/calcite-components/src/components/tree-item/tree-item.scss
@@ -77,7 +77,7 @@
 }
 
 :host([lines]) {
-  .children-container:after {
+  .children-container::after {
     @apply transition-default
         absolute
         top-0
@@ -91,7 +91,7 @@
   }
 }
 
-:host(:not([lines])) .node-container:after {
+:host(:not([lines])) .node-container::after {
   @apply hidden;
 }