Spaces:
Running
Running
/* | |
* SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org> | |
* SPDX-License-Identifier: Apache-2.0 | |
*/ | |
.max-w-screen-xl { | |
max-width: min(1280px, 100%); | |
margin-left: auto; | |
margin-right: auto; | |
width: 100%; | |
padding-left: 1rem; | |
padding-right: 1rem; | |
box-sizing: border-box; | |
} | |
@media (min-width: 640px) { | |
.max-w-screen-xl { | |
padding-left: 1.5rem; | |
padding-right: 1.5rem; | |
} | |
} | |
@media (min-width: 1024px) { | |
.max-w-screen-xl { | |
padding-left: 2rem; | |
padding-right: 2rem; | |
} | |
} | |
@media (min-width: 1280px) { | |
.max-w-screen-xl { | |
padding-left: 3rem; | |
padding-right: 3rem; | |
} | |
} | |
@media (min-width: 1536px) { | |
.max-w-screen-xl { | |
padding-left: 4rem; | |
padding-right: 4rem; | |
} | |
} | |
@media (min-width: 2000px) { | |
.max-w-screen-xl { | |
max-width: 1600px; | |
padding-left: 5rem; | |
padding-right: 5rem; | |
} | |
} | |
@media (min-width: 3840px) { | |
.max-w-screen-xl { | |
max-width: 2400px; | |
padding-left: 6rem; | |
padding-right: 6rem; | |
} | |
} | |
@media (min-width: 7680px) { | |
.max-w-screen-xl { | |
max-width: 4000px; | |
padding-left: 8rem; | |
padding-right: 8rem; | |
} | |
} |