💄 feat: Finish update box

src/index.liquid

@@ -9,4 +9,5 @@ layout: layout.liquid
 
 <div class="UpdateBox">
     <h2 class="Title--sizeH4">6 June 2023</h2>
+    <p>This is the update.</p>
 </div>

src/style/components/_Title.scss

@@ -1,10 +1,11 @@
 @use '../theme';
 
-@mixin Title() {
+@mixin Title($size) {
   font-weight: normal;
   text-transform: uppercase;
 
   &::before, &::after {
+    font-size: $size;
     content: '🌈';
   }
 
@@ -20,19 +21,19 @@
 }
 
 .Title--sizeH2 {
-  @include Title;
+  @include Title(theme.$fontSize-3);
 
   font-size: theme.$fontSize-4;
 }
 
 .Title--sizeH3 {
-  @include Title;
+  @include Title(theme.$fontSize-2);
 
   font-size: theme.$fontSize-3;
 }
 
 .Title--sizeH4 {
-  @include Title;
+  @include Title(theme.$fontSize-1);
 
   font-size: theme.$fontSize-2;
 }

src/style/components/_UpdateBox.scss

@@ -3,6 +3,7 @@
 
 .UpdateBox {
   @include mixins.gradient-border(theme.$spacer-2xs);
+  @include mixins.flow(theme.$spacer-2xs);
 
   padding: theme.$spacer-s;
   margin-inline-start: auto;