feat(elements): html-elements, variable img width

TACC · Feb 1, 2023 · a4c55a0 · a4c55a0
1 parent 4ca0897
commit a4c55a0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/dist/elements/html-elements/demo.css b/dist/elements/html-elements/demo.css
diff --git a/src/lib/_imports/elements/html-elements/demo.css b/src/lib/_imports/elements/html-elements/demo.css
@@ -0,0 +1,5 @@
+/* This CSS is ONLY for the pattern library. It is NOT part of the pattern. */
+
+figure.with-dynamic-width-image img {
+  width: 100%;
+}
diff --git a/src/lib/_imports/elements/html-elements/html-elements.hbs b/src/lib/_imports/elements/html-elements/html-elements.hbs
@@ -73,6 +73,9 @@
       <dt>Figure</dt>
       <dd>{{> @figure }}</dd>
 
+      <dt>Figure</dt>
+      <dd>{{> @figure class="with-dynamic-width-image" use-image-wide=true }}</dd>
+
       <dt>Blockquote</dt>
       <dd>{{> @blockquote }}</dd>
     </dl>