Dynamic object lists.

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _your-books.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_your-books.scss b/src/wolnelektury/static/2022/styles/layout/_your-books.scss
index a2be991..98570d4 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_your-books.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_your-books.scss
@@ -23,10 +23,10 @@
 }
 
 .l-your-books__header__actions {
 }
 
 .l-your-books__header__actions {

-  display: flex;
+  display: none;

   
   

-  @include rwd(tablet) {
-    display: none;
+  @include rwd($break-flow) {
+    display: flex;

   }
 
   button {
   }
 
   button {


@@ -59,26 +59,26 @@
 
 .l-your-books__continue {
   .l-books {
 
 .l-your-books__continue {
   .l-books {

-    border-right: 1px solid #007880;
-    padding-right: 40px;
-    margin-right: 40px;
-
-    @include rwd(tablet) {

       border-right: 0;
       padding-right: 0;
       margin-right: 10px;
       border-right: 0;
       padding-right: 0;
       margin-right: 10px;

-    }
+
+      @include rwd($break-flow) {
+          border-right: 1px solid #007880;
+          padding-right: 40px;
+          margin-right: 40px;
+      }

   }
 }
 
 .l-your-books__shelf {
   width: 100%;
   }
 }
 
 .l-your-books__shelf {
   width: 100%;

-  max-width: 928px;
-
-  @include rwd(tablet) {
-    width: 100%;

     max-width: 189px;
     max-width: 189px;

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

 
   .l-your-books__header {
     padding-right: 85px;
 
   .l-your-books__header {
     padding-right: 85px;


@@ -88,4 +88,4 @@
     display: block;
     flex-wrap: initial;
   }
     display: block;
     flex-wrap: initial;
   }

-}
\ No newline at end of file
+}