[ADD] utils

main/styleguide/source/_patterns/atoms/buttons/button-animated.mustache

-<a href="" class="btn btn__slide__wrap">
+<a href="" class="btn btn__slide__wrap {{ classes }}">
           <span class="btn bg-black text-white w-32">
             {{ btn-text }}
           </span>

main/styleguide/source/_patterns/molecules/articles/article-photo-header.mustache

 <header
-    class="bg-black flex items-center header-clip photo-header py-32 w-full"
+    class="bg-black flex items-center header-clip photo-header py-32 mb-20 w-full"
     style="background-image: url('https://cc.cz/wp-content/uploads/2022/04/bartos-otv.jpg')"
 >
   <div class="container--narrow flex flex-col pt-16">

main/styleguide/source/_patterns/molecules/utils/block-quote.mustache

+<div class="bg-grey-200 py-4 flex">
+  <i class="ico--code text-7xl mr-6 ml-32"></i>
+  <div class="flex flex-col">
+    <span class="font-alt mb-4 text-4xl">Senát chce v souvislosti s ruskou agresí zabránit některým firmám</span>
+    <span class="font-alt text-turquoise-500">– ADÉLA ŠÍPOVÁ, SENÁTORKA ZA PIRÁTY</span>
+  </div>
+</div>

main/styleguide/source/_patterns/molecules/utils/file-download.mustache

+<div class="bg-grey-200 py-4 flex items-center">
+  <i class="ico--download text-5xl mr-6 ml-32"></i>
+  <div class="flex items-center bg-white p-4 mr-2">
+    <span class="font-bold mr-1">Stáhnout soubor: </span>
+    <span>prehled-tabulka.pdf</span>
+  </div>
+  {{> atoms-button-animated(btn-text: "Stáhnout", classes: "h-full") }}
+</div>

main/styleguide/tailwind.config.js

@@ -71,7 +71,7 @@ module.exports = {
                 '50': '#f7f7f7',
                 '100': '#f3f3f3',
                 '125': '#f0f0f0',
-                '200': '#adadad',
+                '200': '#ECECEC',
                 '300': '#4c4c4c',
                 '400': '#343434',
                 '500': '#303132',