Remove components divider.

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

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
+// apply to any HTML element that needs the box styling.
-// `%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.
 
-.box,
+.box {
-%box {
   // Add vertical rhythm margins.
   margin-block: var(--spacing-m);
   padding: var(--spacing-xs);

assets/sass/components/divider/_divider.scss

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

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