From 3c12398a4fc2bed7d9baa719bb977f2d111e094e Mon Sep 17 00:00:00 2001 From: Dede Fuji Abdul Date: Fri, 3 Nov 2023 09:17:08 +0700 Subject: [PATCH] Refactor CSS container and spacing classes --- src/assets/css/style.css | 50 +++++----------------------------------- 1 file changed, 6 insertions(+), 44 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 9cc4082..30b0ad8 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -705,40 +705,6 @@ select { --tw-backdrop-sepia: ; } -.container { - width: 100%; -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - /* NavBar */ .menu-item { @@ -1912,10 +1878,6 @@ select { padding: 1rem; } -.p-5 { - padding: 1.25rem; -} - .px-0 { padding-left: 0px; padding-right: 0px; @@ -3051,6 +3013,12 @@ select { gap: 0.75rem; } + .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); + } + .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); @@ -3069,12 +3037,6 @@ select { margin-bottom: calc(0px * var(--tw-space-y-reverse)); } - .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); - } - .sm\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }