From 5c0093bd3743c672dcdc6fd7360680b2f2efcf8f Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 17 Sep 2025 10:04:42 +0200
Subject: [PATCH] Remove components divider.

---
 assets/sass/base/grouping/_grouping.scss     |  5 ++++-
 assets/sass/components/box/_box.scss         | 13 ++-----------
 assets/sass/components/divider/_divider.scss | 16 ----------------
 assets/sass/styles.scss                      |  1 -
 4 files changed, 6 insertions(+), 29 deletions(-)
 delete mode 100644 assets/sass/components/divider/_divider.scss

diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss
index 1c9edce..0dc1b03 100644
--- a/assets/sass/base/grouping/_grouping.scss
+++ b/assets/sass/base/grouping/_grouping.scss
@@ -68,7 +68,10 @@ li {
 // Horizontal rule
 
 hr {
-  @extend %divider;
+  // Add vertical rhythm margins.
+  margin-block: var(--spacing-m);
+  border: 0;
+  border-block-start: 1px solid var(--color-border);
   height: 0;
 }
 
diff --git a/assets/sass/components/box/_box.scss b/assets/sass/components/box/_box.scss
index 3fe62bf..5e60cc5 100644
--- a/assets/sass/components/box/_box.scss
+++ b/assets/sass/components/box/_box.scss
@@ -7,18 +7,9 @@
 // build and document a CSS component.
 //
 // "box" is the name of our component, so we define a `.box` class that we can
-// apply to any HTML element that needs the box styling. We also provide a
-// `%box` placeholder selector so that we can easily extend the basic box
-// component with `@extend %box;`.
-//
-// Take a look at the source code for this component for more information about
-// building a good component.
-//
-// :hover - The hover/focus styling.
-// .box--highlight - The "highlight" box variant.
+// apply to any HTML element that needs the box styling.
 
-.box,
-%box {
+.box {
   // Add vertical rhythm margins.
   margin-block: var(--spacing-m);
   padding: var(--spacing-xs);
diff --git a/assets/sass/components/divider/_divider.scss b/assets/sass/components/divider/_divider.scss
deleted file mode 100644
index b74ab29..0000000
--- a/assets/sass/components/divider/_divider.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-// Divider
-//
-// Can be used as an `<hr>`, an empty `<div>` or as a container.
-
-.divider,
-%divider {
-  // Add vertical rhythm margins.
-  margin-block: var(--spacing-m);
-  border: 0;
-  border-block-start: 1px solid var(--color-border);
-
-  // If used as a container, add a top margin to the first child.
-  > :first-child {
-    margin-block-start: var(--spacing-m);
-  }
-}
diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss
index fcdd653..96ae5ab 100644
--- a/assets/sass/styles.scss
+++ b/assets/sass/styles.scss
@@ -36,7 +36,6 @@
 @import 'components/center/center';
 @import 'components/clearfix/clearfix';
 @import 'components/cookieconsent/cookieconsent';
-@import 'components/divider/divider';
 @import 'components/disabled/disabled';
 @import 'components/flex-group/flex-group';
 @import 'components/flex-inline/flex-inline';