diff options
| author | Minteck <contact@minteck.org> | 2022-06-16 11:37:18 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-06-16 11:37:18 +0200 |
| commit | 060473d7e7da51bf372b3d2958580b8f65f4769b (patch) | |
| tree | 0ccefc7dd4ba076474a09e2d8aa5aa6df83b8f20 /css/container.css | |
| parent | 825a95e13bd2e712544a5ba40c739da053d90f1c (diff) | |
| download | ember-060473d7e7da51bf372b3d2958580b8f65f4769b.tar.gz ember-060473d7e7da51bf372b3d2958580b8f65f4769b.tar.bz2 ember-060473d7e7da51bf372b3d2958580b8f65f4769b.zip | |
This is the new Ember
Diffstat (limited to 'css/container.css')
| -rw-r--r-- | css/container.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/css/container.css b/css/container.css new file mode 100644 index 0000000..d447ad8 --- /dev/null +++ b/css/container.css @@ -0,0 +1,52 @@ +.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + padding-right: .75rem; + padding-left: .75rem; + margin-left: 0; + margin-right: 0; + width: calc(100% - 1.5rem); +} + +@media (min-width: 576px) { + .container, .container-sm { + max-width: 540px; + margin-right: auto; + margin-left: auto; + width: 100%; + } +} + +@media (min-width: 768px) { + .container, .container-md, .container-sm { + max-width: 720px; + margin-right: auto; + margin-left: auto; + width: 100%; + } +} + +@media (min-width: 992px) { + .container, .container-lg, .container-md, .container-sm { + max-width: 960px; + margin-right: auto; + margin-left: auto; + width: 100%; + } +} + +@media (min-width: 1200px) { + .container, .container-lg, .container-md, .container-sm, .container-xl { + max-width: 1140px; + margin-right: auto; + margin-left: auto; + width: 100%; + } +} + +@media (min-width: 1400px) { + .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + max-width: 1320px; + margin-right: auto; + margin-left: auto; + width: 100%; + } +}
\ No newline at end of file |