You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.4 KiB
SCSS
86 lines
1.4 KiB
SCSS
.reviewCard {
|
|
margin-top: 48px;
|
|
border-bottom-left-radius: 40px !important;
|
|
border-bottom-right-radius: 40px !important;
|
|
overflow: unset !important;
|
|
--on-background: #303309;
|
|
--on-background-secondary: #616825;
|
|
--background: #e6f45d;
|
|
}
|
|
|
|
.reviewCardContent {
|
|
margin: -36px;
|
|
margin-top: 36px !important;
|
|
}
|
|
|
|
.googlePlayButton {
|
|
width: 100%;
|
|
}
|
|
|
|
.main {
|
|
padding: 48px;
|
|
padding-top: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 48px;
|
|
max-width: 1500px;
|
|
width: 100%;
|
|
align-self: center;
|
|
}
|
|
|
|
.cardsRow {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 48px;
|
|
}
|
|
|
|
.stores {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
.additionalStores {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
&>*:first-child {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 980px) {
|
|
.cardsRow {
|
|
flex-direction: column;
|
|
}
|
|
.reviewCard {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 730px) {
|
|
.main {
|
|
padding: 24px;
|
|
gap: 24px;
|
|
}
|
|
.cardsRow {
|
|
gap: 24px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 500px) {
|
|
.main {
|
|
padding: 16px;
|
|
gap: 16px;
|
|
}
|
|
.cardsRow {
|
|
gap: 16px;
|
|
}
|
|
.homeLink {
|
|
margin: 0 auto;
|
|
margin-top: 44px;
|
|
}
|
|
.description {
|
|
text-align: center;
|
|
}
|
|
} |