From 88e6b54cce608f13cbd7e9bebdb14dff75ba1a24 Mon Sep 17 00:00:00 2001 From: Chris Pelzer Date: Tue, 8 Oct 2024 16:27:10 -0400 Subject: [PATCH] fix: various stylelint fixes based on `stylelint ./resources/scss/**/*.scss --fix` --- resources/scss/components/_external-icon.scss | 2 +- resources/scss/components/_flickity.scss | 10 +++++----- resources/scss/components/_formy.scss | 6 +++--- .../scss/components/_full-width-styleguide-hero.scss | 2 +- resources/scss/components/_global.scss | 4 +--- resources/scss/components/_menu-main.scss | 8 ++++---- resources/scss/components/_policy-numbering.scss | 12 ++++++------ resources/scss/site-specific/_theme.scss | 2 +- 8 files changed, 22 insertions(+), 24 deletions(-) diff --git a/resources/scss/components/_external-icon.scss b/resources/scss/components/_external-icon.scss index 7f38bf382..7fa30eb0c 100644 --- a/resources/scss/components/_external-icon.scss +++ b/resources/scss/components/_external-icon.scss @@ -1,7 +1,7 @@ .external-icon { content: '(external link)'; display: inline-block; - background-color: currentColor; + background-color: currentcolor; mask-image: url('/_resources/images/external-link.svg'); mask-repeat: no-repeat; mask-position: center; diff --git a/resources/scss/components/_flickity.scss b/resources/scss/components/_flickity.scss index ee5e53d9d..c47392d94 100644 --- a/resources/scss/components/_flickity.scss +++ b/resources/scss/components/_flickity.scss @@ -7,7 +7,7 @@ button.flickity-button.flickity-prev-next-button.next::after { background: transparent; transform-origin: 0, 0; z-index: -1; - background-color: rgba(5, 33, 30, 0.4); + background-color: rgb(5 33 30 / 40%); } button.flickity-button.flickity-prev-next-button.next::after { @@ -16,7 +16,7 @@ button.flickity-button.flickity-prev-next-button.next::after { height: 1.14em; top: 1.19em; right: 0.51em; - box-shadow: 0 1px 1px rgba(5, 33, 30, 0.4); + box-shadow: 0 1px 1px rgb(5 33 30 / 40%); } button.flickity-button.flickity-prev-next-button.next::before { @@ -25,7 +25,7 @@ button.flickity-button.flickity-prev-next-button.next::before { height: 1em; top: 0.6em; right: 0.54em; - box-shadow: 0 1px 1px rgba(5, 33, 30, 0.4); + box-shadow: 0 1px 1px rgb(5 33 30 / 40%); } button.flickity-button.flickity-prev-next-button.previous::after { @@ -34,7 +34,7 @@ button.flickity-button.flickity-prev-next-button.previous::after { height: 1.14em; top: 1.19em; left: 0.51em; - box-shadow: 0 1px 1px rgba(5, 33, 30, 0.4); + box-shadow: 0 1px 1px rgb(5 33 30 / 40%); } button.flickity-button.flickity-prev-next-button.previous::before { @@ -43,7 +43,7 @@ button.flickity-button.flickity-prev-next-button.previous::before { height: 1em; top: 0.6em; left: 0.54em; - box-shadow: 0 1px 1px rgba(5, 33, 30, 0.4); + box-shadow: 0 1px 1px rgb(5 33 30 / 40%); } .flickity-enabled:focus .flickity-viewport { diff --git a/resources/scss/components/_formy.scss b/resources/scss/components/_formy.scss index b5fd7eea6..1be780878 100644 --- a/resources/scss/components/_formy.scss +++ b/resources/scss/components/_formy.scss @@ -39,7 +39,7 @@ @apply border-gray-400 border-solid border block w-full p-2 text-base m-0 mb-4 font-normal h-10 rounded-none; box-sizing: border-box; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; appearance: none; } @@ -129,8 +129,8 @@ @apply float-none inline ml-2; } - div.checkbox input[type=checkbox], - div.radio input[type=radio] { + div.checkbox input[type="checkbox"], + div.radio input[type="radio"] { @apply mb-0; } diff --git a/resources/scss/components/_full-width-styleguide-hero.scss b/resources/scss/components/_full-width-styleguide-hero.scss index 73455db4b..d67d81641 100644 --- a/resources/scss/components/_full-width-styleguide-hero.scss +++ b/resources/scss/components/_full-width-styleguide-hero.scss @@ -13,7 +13,7 @@ .button { @apply xl:py-4; - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { @apply bg-green text-white hover:bg-green-700 focus:bg-green-700; } } diff --git a/resources/scss/components/_global.scss b/resources/scss/components/_global.scss index e75df8c8c..ac0a2c6c7 100644 --- a/resources/scss/components/_global.scss +++ b/resources/scss/components/_global.scss @@ -1,7 +1,7 @@ // Restricts the embedded font from combining two characters like "fi" html { font-feature-settings: "liga" 0; - text-rendering: optimizeLegibility; + text-rendering: optimizelegibility; } body { @@ -45,8 +45,6 @@ hr { figure { @apply mt-2 mb-4 mx-auto; - // Overriding display: inline-block; from CKEditor - // so that the caption wraps appropriately display: table !important; padding: 0 !important; clear: both; diff --git a/resources/scss/components/_menu-main.scss b/resources/scss/components/_menu-main.scss index 88aedbad5..f00f9b76d 100644 --- a/resources/scss/components/_menu-main.scss +++ b/resources/scss/components/_menu-main.scss @@ -13,7 +13,7 @@ @apply text-black block p-2 px-3; } - // Indent each level + /* Indent each level */ li > ul > li a { @apply pl-8; } @@ -30,19 +30,19 @@ @apply bg-gray-200; } - // Bottom borders on child
  • + /* Bottom borders on child
  • */ > li { @screen mt { @apply border-b border-solid border-gray-200; } } - // Selected State + /* Selected State */ .selected { @apply font-bold; } - // Don't cascade the selected state to child lists of the item + /* Don't cascade the selected state to child lists of the item */ .selected ul { @apply font-normal; } diff --git a/resources/scss/components/_policy-numbering.scss b/resources/scss/components/_policy-numbering.scss index e46796b0a..38b009a36 100644 --- a/resources/scss/components/_policy-numbering.scss +++ b/resources/scss/components/_policy-numbering.scss @@ -25,7 +25,7 @@ left: 0; } - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { padding-left: 2rem; } } @@ -42,7 +42,7 @@ margin-bottom: 1rem; font-size: 0.9rem; - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { padding-left: 2rem; } } @@ -57,7 +57,7 @@ counter-reset: section; margin-left: 1rem; - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { margin-left: -0.5rem; } @@ -68,7 +68,7 @@ font-size: 0.9rem; list-style-type: lower-alpha; - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { padding-left: 0.5rem; } } @@ -79,7 +79,7 @@ } ul li ul { - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { margin-left: 0.5rem; } @@ -90,7 +90,7 @@ font-size: 0.9rem; list-style-type: lower-roman; - @media only screen and (max-width: 576px) { + @media only screen and (width <= 576px) { padding-left: 0.5rem; } } diff --git a/resources/scss/site-specific/_theme.scss b/resources/scss/site-specific/_theme.scss index c0e739fc0..d5cb1bda9 100644 --- a/resources/scss/site-specific/_theme.scss +++ b/resources/scss/site-specific/_theme.scss @@ -1,5 +1,5 @@ // The site-theme class encompasses the content-area component. .site-theme { - //h1, h2 { @extend .divider-gold; @apply text-green; } + /* h1, h2 { @extend .divider-gold; @apply text-green; } */ }