status-im
/
artproject
mirror of https://github.com/status-im/artproject.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Set introduction section image for desktop

This commit is contained in:
wswidzinski 2018-01-10 12:31:06 +01:00
parent 04931886e3
commit 3ed10960d1
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/components/_introduction.scss
View File

@ -6,6 +6,8 @@
&__container { &__container {
@include container; @include container;
position: relative;
} }
&__img { &__img {
@ -14,17 +16,27 @@
@media #{$screen-sm} { @media #{$screen-sm} {
display: block; display: block;
} }
@media #{$screen-md} {
position: absolute;
top: 0;
right: 0;
}
} }
&__header { &__header {
margin: 30px 0; margin: 30px 0;
font-family: 'Rubik Mono One', sans-serif; font-family: $title-font-family;
font-size: 26px; font-size: 26px;
font-weight: 400; font-weight: 400;
@media #{$screen-sm} { @media #{$screen-sm} {
font-size: 52px; font-size: 52px;
} }
@media #{$screen-md} {
font-size: 60px;
}
} }
&__content { &__content {
@ -41,6 +53,10 @@
@media #{$screen-sm} { @media #{$screen-sm} {
font-size: 26px; font-size: 26px;
} }
@media #{$screen-md} {
max-width: 700px;
}
} }
&__paragraph { &__paragraph {
@ -49,6 +65,10 @@
@media #{$screen-sm} { @media #{$screen-sm} {
font-size: 20px; font-size: 20px;
} }
@media #{$screen-md} {
max-width: 700px;
}
} }
&__link { &__link {