feat(frontend): generalize .large class

1 files changed, 10 insertions, 9 deletions

diff --git a/frontend/scss/general.scss b/frontend/scss/general.scss
index 4df6da0..bab3ada 100644
--- a/frontend/scss/general.scss
+++ b/frontend/scss/general.scss
@@ -114,6 +114,7 @@ blockquote {
 }
 
 figure {
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -127,18 +128,18 @@ figure {
   img {
     max-width: 100%;
     display: block;
-
-    &.large {
-      --max-width: var(--width-deco);
-      --width: min(calc(100vw - 4rem), var(--max-width));
-      margin-left: max(calc((100% - var(--max-width)) / 2), calc((100% - var(--width)) / 2));
-      width: var(--width);
-      max-width: var(--max-width);
-      max-height: none;
-    }
   }
 }
 
+.large {
+  --max-width: var(--width-deco);
+  --width: min(calc(100vw - 4rem), var(--max-width));
+  margin-left: max(calc((100% - var(--max-width)) / 2), calc((100% - var(--width)) / 2));
+  width: var(--width);
+  max-width: var(--max-width);
+  max-height: none;
+}
+
 figcaption {
   font-size: var(--font-size-tiny);