ソースを参照

#2325 corps typo reponse egale question

bach 2 ヶ月 前
コミット
0c4721fbfc
2 ファイル変更13 行追加9 行削除
  1. 11 8
      src/assets/main.scss
  2. 2 1
      src/components/layout/CartoucheLayout.vue

+ 11 - 8
src/assets/main.scss

@@ -195,15 +195,18 @@ body{
     }
   }
   @mixin font_reponses{
+    @include font_questions();
     font-weight: 100;
-    font-size: 0.882em;
-    line-height: 1.4;
-    @media screen and (max-width: 1500px) {
-      font-size: 0.756em;
-    }
-    @media screen and (max-width: 880px) {
-      font-size: 0.693em;
-    }
+
+    // font-weight: 100;
+    // font-size: 0.882em;
+    // line-height: 1.4;
+    // @media screen and (max-width: 1500px) {
+    //   font-size: 0.756em;
+    // }
+    // @media screen and (max-width: 880px) {
+    //   font-size: 0.693em;
+    // }
   }
   #content{
     display: flex;

+ 2 - 1
src/components/layout/CartoucheLayout.vue

@@ -27,7 +27,8 @@ export default {
       let $main = event.target;
       let scrolled = $main.scrollTop > 0;
       this.$emit('main_scrolled', scrolled);
-      if(scrolled && $main.scrollHeight > 600){
+      // TODO how to make this failsafe limit responsive ? 
+      if(scrolled && $main.scrollHeight > 700){
         this.headerreduced = true;
       } else {
         this.headerreduced = false;