feat(css): new text style - blockquote with caption

cal-itp · Jul 23, 2024 · a55e94b · a55e94b
1 parent 91f7bda
commit a55e94b
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css
@@ -136,6 +136,16 @@ a:hover {
   text-decoration-style: dotted;
 }
 
+figure.quote {
+  border-left: 3px solid var(--calitp-purple-4);
+  padding-left: 2rem;
+}
+
+figure.quote figcaption {
+  font-size: calc(16rem / 16);
+  font-style: italic;
+}
+
 .navbar {
   --bs-navbar-padding-y: 0;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
@@ -396,6 +406,10 @@ footer a:hover {
     -webkit-clip-path: url(#my-clip-path-end);
     clip-path: url(#my-clip-path-end);
   }
+
+  figure.quote blockquote {
+    font-size: calc(24rem / 16);
+  }
 }
 
 @media (max-width: 992px) {
@@ -420,6 +434,10 @@ footer a:hover {
   .navbar-nav {
     margin: 0 auto;
   }
+
+  figure.quote blockquote {
+    font-size: calc(20rem / 16);
+  }
 }
 
 @media (min-width: 768px) {