Add styles for big tablet & desktop
This commit is contained in:
parent
7d883aed15
commit
345d3a65bf
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue