From 0da773e08eac89f3d5f498cb9c604f3540fda1de Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Thu, 9 Jul 2020 08:40:49 +0200
Subject: [PATCH] Improve footer style
---
.../02-organisms/00-global/footer.mustache | 6 ++----
source/css/organisms/footer.pcss | 13 -------------
2 files changed, 2 insertions(+), 17 deletions(-)
diff --git a/source/_patterns/02-organisms/00-global/footer.mustache b/source/_patterns/02-organisms/00-global/footer.mustache
index 79dc32f..d514aaa 100644
--- a/source/_patterns/02-organisms/00-global/footer.mustache
+++ b/source/_patterns/02-organisms/00-global/footer.mustache
@@ -90,13 +90,11 @@
</section>
<section class="bg-black py-4 lg:py-12">
<div class="container container--default">
- <div class="footer-contacts flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 lg:space-x-4">
+ <div class="footer-contacts grid gap-4 grid-cols-1 md:grid-cols-2 xl:grid-cols-4">
+ {{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
{{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
{{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
{{> molecules-condensed-badge(hideOccupation: true, classes: "w-full") }}
- <div class="lg:mt-4 xl:mt-0 lg:text-center xl:text-right">
- {{> atoms-basic-button(cta: "Kontakt", classes: "btn--white btn--hoveractive btn--fullwidth md:btn--autowidth text-lg btn--to-grey-125") }}
- </div>
</div>
</div>
</section>
diff --git a/source/css/organisms/footer.pcss b/source/css/organisms/footer.pcss
index 00936d9..51d01b5 100644
--- a/source/css/organisms/footer.pcss
+++ b/source/css/organisms/footer.pcss
@@ -26,19 +26,6 @@
}
}
-
-.footer-contacts {
- @apply gap-4 grid-cols-1;
-
- @screen lg {
- @apply grid-cols-3;
- }
-
- @screen xl {
- grid-template-columns: 1fr 1fr 1fr auto;
- }
-}
-
.footer-collapsible__toggle {
@apply flex items-center cursor-pointer;
--
GitLab