unify button styling

majak_uistyleguide/templates/patterns/atoms/tags/tag.html

@@ -4,7 +4,7 @@
     {% if color_classes %}
       {{ color_classes }}
     {% else %}
-      text-black bg-yellow-500 hover:bg-yellow-600
+      text-black bg-white hover:bg-pirati-yellow
     {% endif %}
 
     px-4 py-2 duration-200 hover:no-underline

majak_uistyleguide/templates/patterns/molecules/blocks/icon_title_text_block.html

@@ -4,7 +4,7 @@
 {% else %}
   <div
 {% endif %}
-    class="hover:no-underline mb-12 flex gap-3 max-w-4xl"
+    class="hover:no-underline mb-12 flex gap-3"
   >
 
   {% if icon %}
@@ -15,7 +15,7 @@
     <h3 class="font-alt mb-4 text-4xl">
       {{ title }}
     </h3>
-    <div class="prose [&>div.content-block>p:first-child]:mt-0">
+    <div class="prose max-w-none [&>div.content-block>p:first-child]:mt-0">
       <div class="content-block">
         <p>
           {{ text }}

majak_uistyleguide/templates/patterns/organisms/layout/navbar.yaml

@@ -20,7 +20,7 @@ context:
       name: 'Aktuality'
       url: '#'
     -
-      name: 'Progran'
+      name: 'Program'
       url: '#'
     -
       name: 'Kdo jsme'

majak_uistyleguide/templates/patterns/templates/main/program/program.html

@@ -15,7 +15,7 @@
             <div class="container--wide flex flex-col mt-20 mb-4 xl:mb-20">
               {% if program.perex %}
                 <div class="mb-12">
-                  <div class="prose">
+                  <div class="prose max-w-none">
                     {# BEGIN Cast generovana Majakem #}<div class="content-block">
                       <p>
                           {{ program.perex }}

src/css/molecules/popout.pcss

@@ -2,7 +2,7 @@
   @apply px-5 text-lg flex justify-between items-center cursor-pointer duration-150 hover:bg-grey-150;
 
   &.popout__toggle-wrapper--active {
-    @apply bg-yellow-500;
+    @apply bg-pirati-yellow;
   }
 }
 

src/css/molecules/switch.pcss

@@ -11,15 +11,15 @@
 }
 
 .switch__item {
-  @apply bg-yellow-500 text-black;
+  @apply bg-white text-black;
 
   &:hover {
-    @apply no-underline bg-yellow-600;
+    @apply no-underline bg-pirati-yellow;
   }
 
   &.switch__item--active,
   &.switch__item--active:hover {
-    @apply bg-grey-150;
+    @apply bg-pirati-yellow;
   }
 }
 

tailwind.config.js

@@ -189,7 +189,7 @@ module.exports = {
                 '700': '#7d347d',
             },
             'pirati': {
-                'yellow': '#fec900'
+                'yellow': '#f2c700'
             }
         },
         container: {