Forgotten images.

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

diff --git a/src/wolnelektury/static/2022/styles/layout/_books.scss b/src/wolnelektury/static/2022/styles/layout/_books.scss
index 70a6e31..e08a4aa 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_books.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_books.scss
@@ -27,11 +27,29 @@
   border-radius: 9px;
   padding: 21px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0);
   border-radius: 9px;
   padding: 21px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0);

-

   transition: all $ease-dynamic 350ms;
   transition: all $ease-dynamic 350ms;

+  outline: 0;
+
+  @include rwd(tablet) {
+    padding: 16px;
+  }
+
+  &.l-books__item--placeholder {
+    opacity: 0;
+    visibility: hidden;
+  }
+
+  & * {
+    outline: 0;
+  }

 
   &:not(:last-child) {
     margin-right: 17px;
 
   &:not(:last-child) {
     margin-right: 17px;

+
+    @include rwd(tablet) {
+      margin-right: 5px;
+      margin-left: 5px;
+    }

   }
 
   &:hover {
   }
 
   &:hover {


@@ -97,6 +115,10 @@
 
   img {
     max-width: 170px;
 
   img {
     max-width: 170px;

+
+    @include rwd(tablet) {
+      max-width: 140px;
+    }

   }
 }
 
   }
 }