💄 feat: Finish update box
This commit is contained in:
parent
96b913bb55
commit
41fd1452e1
3 changed files with 7 additions and 4 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue