Merge 60d5564 into 0702b94

liqd · Aug 20, 2019 · 5c98c77 · 5c98c77
2 parents 0702b94 + 60d5564
commit 5c98c77
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/apps/cms/news/templates/a4_candy_cms_news/news_index_page.html b/apps/cms/news/templates/a4_candy_cms_news/news_index_page.html
@@ -10,15 +10,15 @@
     <div class="container">
         <div class="row justify-content-md-center">
             <div class="col-12 col-lg-10">
-                <h1 class="cms__title--serif cms__title--underlined text-center">{{ page.subtitle }}</h1>
+                <h1 class="cms__title--serif cms__title--underlined cms__title--h2-size text-center">{{ page.subtitle }}</h1>
                 <div class="row justify-content-start">
                 {% for post in news %}
                     <div class="col-12 col-md-6 cms-news__tile">
                         <a class="cms__tile-link" href="{% pageurl post %}">
                             <div class="cms__text text-muted">
                                 {{ post.first_published_at|date }}
                             </div>
-                            <h3 class="cms__title--bold cms-news__header-margin">{{ post.subtitle }}</h3>
+                            <h2 class="cms__title--bold cms-news__header-margin cms__title--h3-size">{{ post.subtitle }}</h2>
                             <div class="cms__text">
                                 {{ post.teaser }}
                             </div>

diff --git a/apps/cms/use_cases/templates/a4_candy_cms_use_cases/use_case_index_page.html b/apps/cms/use_cases/templates/a4_candy_cms_use_cases/use_case_index_page.html
@@ -11,7 +11,7 @@
     <div class="container">
         <div class="row justify-content-center">
             <div class="col-12 col-lg-8">
-                <h1 class="cms__title--serif cms__title--underlined text-center">{{ page.subtitle }}</h1>
+                <h1 class="cms__title--serif cms__title--underlined cms__title--h2-size text-center">{{ page.subtitle }}</h1>
             </div>
         </div>
         <div class="row justify-content-center mb-5">
@@ -79,8 +79,8 @@ <h1 class="cms__title--serif cms__title--underlined text-center">{{ page.subtitl
                     <div class="cms__text pt-4">
                         {% blocktrans with category=use_case.get_category_display %}For {{ category }}{% endblocktrans %}
                     </div>
-                    <h3 class="cms__title--bold">{{ use_case.title }}
-                    </h3>
+                    <h2 class="cms__title--bold cms__title--h3-size">{{ use_case.title }}
+                    </h2>
                 </a>
             </div>
             {% endfor %}

diff --git a/liqd_product/assets/scss/components/_cms.scss b/liqd_product/assets/scss/components/_cms.scss
@@ -34,6 +34,22 @@
     }
 }
 
+.cms__title--h2-size {
+    font-size: $font-size-xxl;
+
+    @media screen and (max-width: $breakpoint-xs-down) {
+        font-size: $mobile-headline-size*$font-size-xxl;
+    }
+}
+
+.cms__title--h3-size {
+    font-size: $font-size-xl;
+
+    @media screen and (max-width: $breakpoint-xs-down) {
+        font-size: $mobile-headline-size*$font-size-xl;
+    }
+}
+
 .cms__text {
     font-size: $font-size-md;
     font-family: $font-family-base;