Dynamic object lists.

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

diff --git a/src/wolnelektury/static/2022/styles/layout/_article.scss b/src/wolnelektury/static/2022/styles/layout/_article.scss
index 9930b59..8655bab 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_article.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_article.scss
@@ -64,19 +64,18 @@
 }
 
 .l-article__cols {
 }
 
 .l-article__cols {

-  display: flex;
-
-  .left-column {
-    padding-right: 27px;
-  }
-
-  .right-column {
-    padding-left: 27px;
-  }
+    @include rwd($break-flow) {
+        display: flex;
+        gap: 22px;
+    }

 
   .left-column,
   .right-column {
 
   .left-column,
   .right-column {

-    width: 50%;
+      padding: 0 16px;
+
+      @include rwd($break-flow) {
+          width: 50%;
+      }

 
     p {
       margin-top: 0;
 
     p {
       margin-top: 0;


@@ -162,6 +161,8 @@
   margin-bottom: 38px;
   padding-bottom: 20px;
   border-bottom: 1px solid #D9D9D9;
   margin-bottom: 38px;
   padding-bottom: 20px;
   border-bottom: 1px solid #D9D9D9;

+  margin-left: 16px;
+  margin-right: 16px;

   * {
     margin-top: 0;
     font-weight: $regular;
   * {
     margin-top: 0;
     font-weight: $regular;