Create Heading component

Intro title with p
This commit is contained in:
2021-10-12 22:39:55 +02:00
parent 8c51f75b1c
commit 4c14a85ab0
3 changed files with 40 additions and 0 deletions

View File

@@ -0,0 +1,27 @@
.heading {
overflow: hidden;
color: $color-tertiary;
text-align: center;
// Title
h1 {
color: $color-secondary;
line-height: 1;
margin-top: 56px;
@include bp (sm) {
margin-top: 160px;
}
}
// Text
p {
max-width: 260px;
margin: 40px auto 0;
font-weight: 200;
@include bp (sm) {
margin: 72px auto 130px;
max-width: 600px;
}
}
}