From 89335f1a2f95a22be8e664217ec41dc8ee4495f5 Mon Sep 17 00:00:00 2001 From: JC Franco Date: Tue, 16 Jul 2024 09:52:10 -0700 Subject: [PATCH] style: autofix lint issues (#9789) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **Related Issue:** N/A ## Summary ✨🧹✨ --- .../date-picker-day/date-picker-day.scss | 36 +++++++++---------- .../src/components/menu-item/menu-item.scss | 4 +-- .../src/components/notice/notice.scss | 2 +- .../pick-list-item/pick-list-item.scss | 4 +-- .../src/components/slider/slider.scss | 8 ++--- .../src/components/tab-title/tab-title.scss | 2 +- .../src/components/tree-item/tree-item.scss | 4 +-- 7 files changed, 30 insertions(+), 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 index ce468a802d3..ad0daa2ff6b 100644 --- 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,8 +180,8 @@ :host([highlighted]), :host([selected]:not(.hover--outside-range)) { .day-wrapper { - &:before, - &:after { + &::before, + &::after { background-color: var(--calcite-color-foreground-current); } } @@ -189,8 +189,8 @@ :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 index 749bb6c93cf..8e152bdb6d3 100644 --- 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 index d013ce1ce5d..13afdb1f8ad 100644 --- 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 index 7ce42c86523..389dc98c66e 100644 --- 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 index ae9d97182f7..2a188aa788a 100644 --- 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 index 3f698ce7d25..f995706fe33 100644 --- 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 index 65c9346339b..ec63fb81660 100644 --- 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; }