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