From 9c8e266f8ef9b52dcea2fb9eec852709dfe0aab7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20Farka?= <stepanfarka11@gmail.com>
Date: Sat, 20 Aug 2022 20:56:52 +0200
Subject: [PATCH] [ADD] region

---
 .../atoms/buttons/button-animated.mustache          |  4 ++--
 .../articles/small-article-preview.mustache         |  6 +++---
 .../_patterns/organisms/region-section.mustache     | 13 ++++++-------
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache b/main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache
index 714d890e7..8cd6637cb 100644
--- a/main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache
+++ b/main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache
@@ -1,8 +1,8 @@
 <a href="" class="btn btn__slide__wrap {{ classes }}">
-          <span class="btn bg-black text-white w-32">
+          <span class="btn text-sm bg-black text-white w-32 lg:text-base">
             {{ btn-text }}
           </span>
-  <span class="btn bg-white text-black w-32">
+  <span class="btn text-sm bg-white text-black w-32 lg:text-base">
     {{ btn-text }}
   </span>
 </a>
diff --git a/main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache b/main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache
index e201afc31..fbf114a45 100644
--- a/main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache
+++ b/main/styleguide/source/_patterns/molecules/articles/small-article-preview.mustache
@@ -2,11 +2,11 @@
   <img
       src="https://i.picsum.photos/id/523/132/132.jpg?hmac=XjW7KxLZNbta7gMDNvldHNGwA9XyxpjBFUGkJqrMR4o"
       alt=""
-      class="mr-4"
+      class="mr-4 h-32 w-32"
   >
   <div class="flex flex-col justify-between items-start">
-    <span class="text-green-500">23.2.2022</span>
-    <h4 class="uppercase">
+    <span class="text-sm text-green-500 lg:text-base">23.2.2022</span>
+    <h4 class="text-sm uppercase lg:text-base">
       Komentář Lukáše Koláříka: Kriminalita ve virtuálním prostoru není imaginární,
       ale skutečná. Jak nenaletět internetovým šmejdům?
     </h4>
diff --git a/main/styleguide/source/_patterns/organisms/region-section.mustache b/main/styleguide/source/_patterns/organisms/region-section.mustache
index 13ed3d29b..6bf63d20a 100644
--- a/main/styleguide/source/_patterns/organisms/region-section.mustache
+++ b/main/styleguide/source/_patterns/organisms/region-section.mustache
@@ -1,17 +1,16 @@
 <div class="section-clip py-32 bg-no-repeat"
      style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
   <div class="container--medium mx-auto px-4 ">
-    <h2 class="clear-both head-alt-md md:head-alt-lg pb-4 lg:pb-8 text-center mb-16">
-      Piráti v regionech
+    <h2 class="head-7xl text-center mb-14 lg:mb-28">
+      Piráti zastupují občany
     </h2>
-    <div class="flex">
-      <div class="w-7/12 flex items-center justify-center">
+    <div class="flex flex-wrap">
+      <div class="w-12/12 flex items-center justify-center lg:w-7/12">
         MAPA
       </div>
-      <div class="w-5/12">
-        <div class="flex flex-col">
+      <div class="w-12/12 lg:w-5/12">
+        <div class="flex flex-col justify-center">
           {{> atoms-form-select }}
-
           <div class="mb-3">
             {{> molecules-small-article-preview }}
           </div>
-- 
GitLab