fix: clean up property order

.stylelintrc.cjs

@@ -1,11 +1,11 @@
 module.exports = {
-    extends: "stylelint-config-xo",
-    plugins: ["stylelint-use-logical-spec"],
+    extends: ["stylelint-config-xo"],
+    plugins: ["stylelint-order"],
     ignoreFiles: ["_site/**/*.css"],
     rules: {
         "custom-property-pattern": null,
         "import-notation": "string",
         "selector-class-pattern": null,
-        "liberty/use-logical-spec": null,
+        "order/properties-alphabetical-order": true
     },
 };

package.json

@@ -67,7 +67,7 @@
     "rimraf": "^5.0.5",
     "stylelint": "^14.14.0",
     "stylelint-config-xo": "^0.22.0",
-    "stylelint-use-logical-spec": "^5.0.1",
+    "stylelint-order": "^6.0.4",
     "xo": "^0.57.0"
   },
   "lint-staged": {

src/assets/styles/cms.css

@@ -4,10 +4,10 @@
 
 .frame-content pre {
 	background: #2b2b2b;
-	padding: 1em;
+	border-radius: 0.3em;
 	margin: 0.5em 0;
 	overflow: auto;
-	border-radius: 0.3em;
+	padding: 1em;
 }
 
 .frame-content code[class*='language-'],

src/assets/styles/print.css

@@ -1,6 +1,6 @@
 @page {
-	size: 8.5in 11in;
 	margin: 1in;
+	size: 8.5in 11in;
 	@bottom-center {
 		content: 'Page ' counter(page) ' of ' counter(pages);
 	}
@@ -11,8 +11,8 @@ body {
 }
 
 .issue {
-	break-inside: avoid;
 	border: none;
+	break-inside: avoid;
 	padding: 0;
 }
 
@@ -31,10 +31,10 @@ body {
 
 a.wcag-link,
 a.wcag-link:visited {
-	text-decoration: underline;
 	background-color: transparent;
+	border-radius: 0;
 	color: #191970;
-	padding: 0;
 	font-size: inherit;
-	border-radius: 0;
+	padding: 0;
+	text-decoration: underline;
 }

src/assets/styles/report.css

@@ -53,14 +53,14 @@
 }
 
 body {
-	max-width: 50em;
-	margin: 2em auto;
 	font-family: 'Noto Serif', Georgia, serif;
+	margin: 2em auto;
+	max-width: 50em;
 }
 
 h1 {
-	font-weight: normal;
 	font-size: 2em;
+	font-weight: normal;
 	margin-bottom: 6em;
 }
 
@@ -69,9 +69,9 @@ h2 {
 }
 
 h3 {
+	color: #191970;
 	font-size: 1.25rem;
 	margin-top: 3em;
-	color: #191970;
 }
 
 h4 {
@@ -83,9 +83,9 @@ h5 {
 }
 
 hr {
+	background-color: #dcdcdc;
 	border: none;
 	height: 0.125em;
-	background-color: #dcdcdc;
 	margin: 2em 0;
 }
 
@@ -112,8 +112,8 @@ body > section > h2:first-child {
 }
 
 img {
-	max-width: 100%;
 	max-height: 50%;
+	max-width: 100%;
 }
 
 a,
@@ -127,12 +127,12 @@ a svg {
 
 p code,
 li code {
+	border: 1px solid #ccc;
+	color: #d91e18;
+	display: inline-block;
 	font-family: 'Noto Sans Mono', monospace;
 	margin: 0 0.125em;
-	color: #d91e18;
-	border: 1px solid #ccc;
 	padding: 0 0.125em;
-	display: inline-block;
 }
 
 pre,
@@ -144,47 +144,47 @@ pre[class*='language-'] {
 }
 
 .issue {
-	margin: 2em 0 3em;
+	border: 1px solid #d3d3d3;
 	counter-increment: issue-number;
+	margin: 2em 0 3em;
 	padding: 1rem;
-	border: 1px solid #d3d3d3;
 }
 
 .issue header {
 	align-items: flex-end;
+	background-color: #e6e6fa;
 	display: flex;
 	justify-content: space-between;
 	margin: -1rem -1rem 2rem;
 	padding: 0.75rem 1em;
-	background-color: #e6e6fa;
 }
 
 .issue header h4 {
-	margin-bottom: 0;
-	margin-top: 0;
 	display: flex;
 	flex-direction: column;
+	margin-bottom: 0;
+	margin-top: 0;
 }
 
 .issue header .number {
-	padding: 0.25em 0.5em;
-	font-size: 65%;
 	background-color: #191970;
-	color: #fff;
 	border: none;
+	color: #fff;
+	font-size: 65%;
 	margin-bottom: 0.4em;
 	margin-right: auto;
+	padding: 0.25em 0.5em;
 }
 
 .issue header a {
 	margin-bottom: 0.25rem;
 }
 
 .issue-meta {
-	margin: 2em -1em -1em;
 	background: #eee;
-	padding: 0.5em 1em;
 	border-radius: 0.25em;
+	margin: 2em -1em -1em;
+	padding: 0.5em 1em;
 }
 
 .issue-meta dl {
@@ -199,21 +199,21 @@ pre[class*='language-'] {
 }
 
 .issue-meta div {
-	width: 45%;
 	margin: 0 2.5% 2.5% 0;
+	width: 45%;
 }
 
 .sample-list {
-	padding: 0;
 	margin: 0;
+	padding: 0;
 }
 
 .sample-list li {
-	list-style: none;
-	padding: 1.5em 0;
 	counter-increment: sample-list;
 	display: flex;
 	flex-wrap: wrap;
+	list-style: none;
+	padding: 1.5em 0;
 }
 
 .sample-list li strong::before {
@@ -225,23 +225,23 @@ pre[class*='language-'] {
 }
 
 .sample-list li a {
-	font-family: 'Noto Sans Mono', monospace;
-	font-size: 0.75rem;
 	color: #191970;
 	display: block;
+	font-family: 'Noto Sans Mono', monospace;
+	font-size: 0.75rem;
 	margin: 0.5em 0;
-	white-space: nowrap;
+	max-width: 90%;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	max-width: 90%;
+	white-space: nowrap;
 	width: 35em;
 }
 
 .sample-list img {
-	margin-right: 2em;
 	border: 1px solid #ccc;
-	max-width: 12em;
+	margin-right: 2em;
 	max-height: 100%;
+	max-width: 12em;
 }
 
 .sc-table dt:last-of-type,
@@ -254,12 +254,12 @@ pre[class*='language-'] {
 }
 
 .wcag-link {
-	text-decoration: none;
 	background-color: #191970;
+	border-radius: 1em;
 	color: #fff;
-	padding: 0.25em 1em;
 	font-size: 0.75em;
-	border-radius: 1em;
+	padding: 0.25em 1em;
+	text-decoration: none;
 }
 
 .external {