💄 feat: Finish update box

This commit is contained in:
marleyrae 2023-06-06 16:49:12 -07:00
parent 96b913bb55
commit 41fd1452e1
3 changed files with 7 additions and 4 deletions

View file

@ -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>

View file

@ -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;
}

View file

@ -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;