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 `