typography elements, dark mode fixes

2026-08-01 16:04:37 +04:00 · 2019-09-26 22:00:08 +02:00
parent a85a05eb4d
commit 6a60dae2cd
11 changed files with 109 additions and 25 deletions
@@ -0,0 +1,61 @@
+
+/**
+Horizontal rules
+ */
+.hr {
+  @extend hr;
+}
+
+/**
+Hr text
+ */
+.hr-text {
+  margin: $hr-margin-y 0;
+  display: flex;
+  align-items: center;
+  font-size: $h6-font-size;
+
+  &:after,
+  &:before {
+    height: $hr-height;
+    background-color: currentColor;
+    opacity: $hr-opacity;
+    flex: 1 1 auto;
+  }
+
+  &:after {
+    content: '';
+  }
+
+  > *:first-child {
+    padding-left: 0;
+    padding-right: .5rem;
+    color: $text-muted;
+  }
+
+  &.hr-text-center {
+    &:before {
+      content: '';
+    }
+
+    & > *:first-child {
+      padding-left: .5rem;
+      padding-right: .5rem;
+    }
+  }
+
+  &.hr-text-right {
+    &:before {
+      content: '';
+    }
+
+    &:after {
+      content: none;
+    }
+
+    & > *:first-child {
+      padding-left: .5rem;
+      padding-right: 0;
+    }
+  }
+}