responcive: flag collection in content left

2021-03-19 21:52:36 +01:00
parent 4d1299387a
commit 89286d2610
3 changed files with 26 additions and 0 deletions
--- a/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
+++ b/web/themes/custom/materiotheme/assets/styles/base/_layout.scss
@ -157,6 +157,9 @@ main[role="main"]{
      @extend %grided-width;
      display: flex;
      flex-direction: row-reverse;
+      @include col-mediaquery-max(2){
+        display: block;
+      }
      #content-left{
        flex-basis: $column_width;
        flex-shrink: 0;
@ -166,6 +169,9 @@ main[role="main"]{
          box-sizing: border-box;
          padding:0.5em $column_goutiere;
        }
+        @include col-mediaquery-max(2){
+          padding-right: $column_goutiere;
+        }
      }
      #content-center{
        flex-basis: 110%;