diff --git a/.stylelintrc.yml b/.stylelintrc.yml index e70acac..d69da84 100644 --- a/.stylelintrc.yml +++ b/.stylelintrc.yml @@ -10,12 +10,16 @@ rules: - bottom - left - inset + - inset-area - inset-block - inset-block-start - inset-block-end - inset-inline - inset-inline-start - inset-inline-end + - anchor-default + - anchor-name + - anchor-scroll - z-index # Block - display @@ -60,26 +64,36 @@ rules: - column-width - order - float + - float-defer + - float-offset + - float-reference - clear - margin - margin-top - margin-right - margin-bottom - margin-left + - margin-block - margin-block-start - margin-block-end + - margin-inline - margin-inline-start - margin-inline-end + - margin-break + - margin-trim - padding - padding-top - padding-right - padding-bottom - padding-left + - padding-block - padding-block-start - padding-block-end + - padding-inline - padding-inline-start - padding-inline-end - box-sizing + - aspect-ratio - width - min-width - max-width @@ -95,7 +109,11 @@ rules: - overflow - overflow-x - overflow-y + - clip + - clip-path + - clip-rule # Decoration + - appearance - box-shadow - outline - outline-width @@ -110,6 +128,10 @@ rules: - border-top-width - border-top-style - border-top-color + - border-block + - border-block-width + - border-block-style + - border-block-color - border-block-start - border-block-start-width - border-block-start-style @@ -126,6 +148,10 @@ rules: - border-left-width - border-left-style - border-left-color + - border-inline + - border-inline-width + - border-inline-style + - border-inline-color - border-inline-start - border-inline-start-width - border-inline-start-style @@ -153,8 +179,10 @@ rules: - border-image-width - border-image-outset - border-image-repeat + - border-boundary - border-collapse - border-spacing + - box-decoration-break - stroke - stroke-dasharray - stroke-dashoffset @@ -175,9 +203,11 @@ rules: - background-attachment - background-repeat - background-blend-mode + - backface-visibility - fill - fill-opacity - fill-rule + - accent-color - color # Text - direction @@ -198,14 +228,61 @@ rules: - font - font-weight - font-size + - font-size-adjust - font-family - font-style - font-display - font-variant - - font-size-adjust - font-stretch - font-effect + - font-synthesis + - font-synthesis-position + - font-synthesis-small-caps + - font-synthesis-style + - font-synthesis-weight + - font-variant + - font-variant-alternates + - font-variant-caps + - font-variant-east-asian + - font-variant-emoji + - font-variant-ligatures + - font-variant-numeric + - font-variant-position + - font-variation-settings - font-emphasize - font-emphasize-position - font-emphasize-style + - font-feature-settings + - font-language-override + - font-optical-sizing + - font-palette + - font-kerning - font-smooth + # Transform + - transform + - transform-box + - transform-origin + - transform-style + - translate + # Transition + - transition + - transition-behavior + - transition-delay + - transition-duration + - transition-property + - transition-timing-function + # Animation + - animation + - animation-composition + - animation-delay + - animation-direction + - animation-duration + - animation-fill-mode + - animation-iteration-count + - animation-name + - animation-play-state + - animation-range + - animation-range-end + - animation-range-start + - animation-timeline + - animation-timing-function diff --git a/src/styles/blocks/article-card/base.css b/src/styles/blocks/article-card/base.css index a427569..7a1a762 100644 --- a/src/styles/blocks/article-card/base.css +++ b/src/styles/blocks/article-card/base.css @@ -90,8 +90,8 @@ .article-card__desc { display: grid; row-gap: 16px; - padding-inline: 20px; padding-block-start: 16px; + padding-inline: 20px; } /* Text */ diff --git a/src/styles/blocks/content-block/index.css b/src/styles/blocks/content-block/index.css index d747118..c682012 100644 --- a/src/styles/blocks/content-block/index.css +++ b/src/styles/blocks/content-block/index.css @@ -138,8 +138,8 @@ figure { display: grid; row-gap: 20px; - padding-block: 20px; margin: 0; + padding-block: 20px; } figcaption { diff --git a/src/styles/blocks/footer/base.css b/src/styles/blocks/footer/base.css index 5517d52..b880925 100644 --- a/src/styles/blocks/footer/base.css +++ b/src/styles/blocks/footer/base.css @@ -38,8 +38,8 @@ .footer__link { justify-self: start; - color: var(--color-text-secondary); box-decoration-break: clone; + color: var(--color-text-secondary); @media (hover: hover) and (pointer: fine) { &:hover { diff --git a/src/styles/blocks/lead/base.css b/src/styles/blocks/lead/base.css index 1efd914..03922de 100644 --- a/src/styles/blocks/lead/base.css +++ b/src/styles/blocks/lead/base.css @@ -29,7 +29,7 @@ .lead__scribble { position: absolute; - transform: scaleX(-1); color: var(--lead-scribble-fill); + transform: scaleX(-1); pointer-events: none; } diff --git a/src/styles/blocks/project-feature/base.css b/src/styles/blocks/project-feature/base.css index 1873034..015ede9 100644 --- a/src/styles/blocks/project-feature/base.css +++ b/src/styles/blocks/project-feature/base.css @@ -10,8 +10,8 @@ position: relative; display: grid; grid-template-columns: 1fr min-content; - padding-inline: 20px; padding-block: 40px; + padding-inline: 20px; min-height: var(--project-feature-size); border-radius: var(--project-feature-radius); color: var(--project-feature-text-primary); diff --git a/src/styles/blocks/sr-only/index.css b/src/styles/blocks/sr-only/index.css index 29e93c3..2f2d797 100644 --- a/src/styles/blocks/sr-only/index.css +++ b/src/styles/blocks/sr-only/index.css @@ -9,8 +9,8 @@ width: 1px; height: 1px; overflow: hidden; - border: none; clip: rect(0 0 0 0); clip-path: inset(50%); + border: none; white-space: nowrap; }