mobile for theme

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _theme.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_theme.scss b/src/wolnelektury/static/2022/styles/layout/_theme.scss
index b2bb1be..73dbe3f 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_theme.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_theme.scss
@@ -1,5 +1,10 @@
 .l-theme {
 .l-theme {

-  display: flex;
+    display: flex;
+    flex-direction: column;
+
+    @include rwd($break-flow) {
+        flex-direction: row;
+    }

 }
 
 .l-theme__col {
 }
 
 .l-theme__col {


@@ -12,7 +17,10 @@
   border-radius: 10px;
   background-color: #E1F1F2;
   margin-top: 34px;
   border-radius: 10px;
   background-color: #E1F1F2;
   margin-top: 34px;

-  max-width: 415px;
+    @include rwd($break-flow) {
+        max-width: 415px;
+    }
+    

   h3 {
     display: flex;
     align-content: center;
   h3 {
     display: flex;
     align-content: center;


@@ -64,4 +72,4 @@
     max-width: 100%;
     margin-right: 17px;
   }
     max-width: 100%;
     margin-right: 17px;
   }

-}
\ No newline at end of file
+}