From 060473d7e7da51bf372b3d2958580b8f65f4769b Mon Sep 17 00:00:00 2001 From: Minteck Date: Thu, 16 Jun 2022 11:37:18 +0200 Subject: This is the new Ember --- css/container.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 css/container.css (limited to 'css/container.css') 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 -- cgit