Set introduction section image for desktop
This commit is contained in:
parent
04931886e3
commit
3ed10960d1
|
@ -6,6 +6,8 @@
|
|||
|
||||
&__container {
|
||||
@include container;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&__img {
|
||||
|
@ -14,17 +16,27 @@
|
|||
@media #{$screen-sm} {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media #{$screen-md} {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__header {
|
||||
margin: 30px 0;
|
||||
font-family: 'Rubik Mono One', sans-serif;
|
||||
font-family: $title-font-family;
|
||||
font-size: 26px;
|
||||
font-weight: 400;
|
||||
|
||||
@media #{$screen-sm} {
|
||||
font-size: 52px;
|
||||
}
|
||||
|
||||
@media #{$screen-md} {
|
||||
font-size: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
|
@ -41,6 +53,10 @@
|
|||
@media #{$screen-sm} {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
@media #{$screen-md} {
|
||||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
&__paragraph {
|
||||
|
@ -49,6 +65,10 @@
|
|||
@media #{$screen-sm} {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media #{$screen-md} {
|
||||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
&__link {
|
||||
|
|
Loading…
Reference in New Issue