66 lines
722 B
CSS
66 lines
722 B
CSS
:root {
|
|
|
|
font-size: 16px;
|
|
|
|
--col-width: 4.875rem;
|
|
--col-gap: 2rem;
|
|
--box-border-width: 0.25rem;
|
|
|
|
}
|
|
|
|
@media screen and (min-width: 28.5rem) {
|
|
|
|
:root {
|
|
|
|
--page-col-nb: 4;
|
|
|
|
--benefits-col-nb: 4;
|
|
--worlds-col-nb: 4;
|
|
--guides-col-nb: 4;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@media screen and (min-width: 42.25rem) {
|
|
|
|
:root {
|
|
|
|
--page-col-nb: 6;
|
|
|
|
--benefits-col-nb: 6;
|
|
--worlds-col-nb: 6;
|
|
--guides-col-nb: 6;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 56rem) {
|
|
|
|
:root {
|
|
|
|
--page-col-nb: 8;
|
|
|
|
--benefits-col-nb: 4;
|
|
--worlds-col-nb: 8;
|
|
--guides-col-nb: 4;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (min-width: 83.5rem) {
|
|
|
|
:root {
|
|
|
|
--page-col-nb: 12;
|
|
--benefits-col-nb: 4;
|
|
--worlds-col-nb: 6;
|
|
--guides-col-nb: 4;
|
|
}
|
|
|
|
}
|
|
|
|
|