Adds h3 shortcode, summary element styles, test case

alk-mandrianarijaona · Mar 18, 2021 · dfc98e2 · dfc98e2
1 parent e28a09f
commit dfc98e2
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/layouts/shortcodes/h3.html b/layouts/shortcodes/h3.html
@@ -0,0 +1,5 @@
+{{ $anchorized := anchorize .Inner }}
+
+<h3 id="{{ $anchorized }}">
+  {{ .Inner }}
+</h3>
diff --git a/src/styles/pages/_global.scss b/src/styles/pages/_global.scss
@@ -179,6 +179,20 @@ code + code.region-param {
     border-bottom-left-radius: 0;
 }
 
+details {
+    margin-bottom: 1.5rem;
+
+    summary {
+        h3 {
+            display: inline-block;
+        }
+
+        &:focus {
+            outline: none;
+        }
+    }
+}
+
 .programming-lang-wrapper {
     .code-snippet-wrapper {
         display: none;