| /* | |
| * 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; | |
| } | |
| } |