48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
.heading {
|
|
overflow: hidden;
|
|
text-align: center;
|
|
color: $color-tertiary;
|
|
|
|
@include bp (sm) {
|
|
margin-bottom: 128px;
|
|
}
|
|
|
|
// Title
|
|
:global(h1) {
|
|
margin-top: 56px;
|
|
line-height: 1;
|
|
color: $color-secondary;
|
|
|
|
@include bp (sm) {
|
|
margin-top: 160px;
|
|
}
|
|
}
|
|
|
|
// Text
|
|
.text {
|
|
max-width: 300px;
|
|
margin: 40px auto 0;
|
|
font-weight: 200;
|
|
|
|
@include bp (sm) {
|
|
max-width: 600px;
|
|
margin-top: 72px;
|
|
}
|
|
|
|
:global(a) {
|
|
position: relative;
|
|
color: currentColor;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
background-image: linear-gradient(rgba($color-tertiary, 0.3), rgba($color-tertiary, 0.3));
|
|
background-position: 0 100%;
|
|
background-size: 100% 1px;
|
|
background-repeat: no-repeat;
|
|
transition: color 0.6s var(--ease-quart);
|
|
|
|
&:hover {
|
|
color: $color-secondary-light;
|
|
}
|
|
}
|
|
}
|
|
} |