Update CSS sorting config

.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

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 */

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 {

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 {

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;
 }

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);

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;
 }