diff --git a/src/components/atoms/SiteTitle.svelte b/src/components/atoms/SiteTitle.svelte
index a0b969c..bb61d9e 100644
--- a/src/components/atoms/SiteTitle.svelte
+++ b/src/components/atoms/SiteTitle.svelte
@@ -1,5 +1,5 @@
diff --git a/src/style/atoms/_site-title.scss b/src/style/atoms/_site-title.scss
index de1c291..bb30fed 100644
--- a/src/style/atoms/_site-title.scss
+++ b/src/style/atoms/_site-title.scss
@@ -1,27 +1,15 @@
.site-title {
font-family: $font-serif;
- line-height: 0.7;
strong {
- font-size: rem(30px);
font-weight: 300;
-
- &:first-child {
- display: block;
- color: $color-lilas-bright;
- }
- &:last-child {
- display: inline-block;
- margin-left: -6px;
- }
}
span {
position: relative;
top: -4px;
- font-size: rem(14px);
+ font-weight: 600;
color: $color-lightpurple;
text-transform: uppercase;
- font-weight: 600;
letter-spacing: 1px;
}
@@ -29,25 +17,26 @@
color: $color-secondary;
}
- // Large variant
- &--large {
- display: flex;
- align-items: baseline;
- justify-content: center;
- color: $color-lightpurple;
- margin: 0 auto;
- line-height: 1;
+
+ // Variants
+ // Default: Two lines
+ &--lines {
+ line-height: 0.5;
strong {
- display: block;
- font-size: rem(96px);
- color: $color-secondary !important;
+ font-size: rem(30px);
+
+ &:first-child {
+ display: block;
+ color: $color-lilas-bright;
+ }
+ &:last-child {
+ display: inline-block;
+ margin-left: -6px;
+ }
}
span {
- display: block;
- top: 0;
- margin: 0 16px 0 24px;
- font-size: rem(32px);
+ font-size: rem(14px);
}
}
@@ -63,7 +52,7 @@
}
strong {
- color: $color-secondary !important;
+ color: $color-secondary;
font-size: rem(64px);
@include bp (sm) {