Add styles for big tablet & desktop

This commit is contained in:
wswidzinski 2018-01-12 23:53:34 +01:00
parent 7d883aed15
commit 345d3a65bf
1 changed files with 41 additions and 25 deletions

View File

@ -11,8 +11,11 @@
position: relative;
}
&__description {
font-weight: 300;
&__wrapper {
@media #{$screen-sm} {
display: flex;
justify-content: space-between;
}
}
&__content {
@ -22,25 +25,14 @@
}
}
&__details {
@media #{$screen-sm} {
width: 50%;
&__description {
font-weight: 300;
@media #{$screen-md} {
font-size: 24px;
}
}
&__counter {
font-size: 24px;
}
&__content,
&__header,
&__description,
&__button,
&__details,
&__details-title {
margin-top: 24px;
}
&__buttons {
@media #{$screen-sm} {
display: flex;
@ -49,12 +41,7 @@
@media #{$screen-md} {
display: block;
}
}
&__wrapper {
@media #{$screen-sm} {
display: flex;
margin-top: 20px;
}
}
@ -62,10 +49,22 @@
margin-top: 20px;
@media #{$screen-md} {
margin-left: 10px;
margin: 0 0 0 10px;
}
}
&__details {
max-width: 470px;
@media #{$screen-sm} {
width: 50%;
}
}
&__details-title {
font-weight: 500;
}
&__list {
margin-bottom: 20px;
padding-left: 10px;
@ -87,5 +86,22 @@
border-radius: 50%;
content: '';
}
@media #{$screen-sm} {
font-size: 18px;
}
}
&__counter {
font-size: 24px;
}
&__content,
&__header,
&__description,
&__button,
&__details,
&__details-title {
margin-top: 24px;
}
}