From: Radek Czajka <rczajka@rczajka.pl>
Date: Thu, 19 Oct 2023 10:54:51 +0000 (+0200)
Subject: Add verse indent styles.
X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/9a0ea819fa5bfd8bce2e2500fbfc0cfcc75eff08?ds=sidebyside

Add verse indent styles.
---

diff --git a/requirements/requirements.txt b/requirements/requirements.txt
index 416fb09a9..acae07666 100644
--- a/requirements/requirements.txt
+++ b/requirements/requirements.txt
@@ -39,7 +39,7 @@ mutagen==1.45.1
 sorl-thumbnail==12.8.0
 
 # home-brewed & dependencies
-librarian==2.6.1
+librarian==23.10
 
 # celery tasks
 celery[redis]==5.2.7
diff --git a/src/wolnelektury/static/2022/styles/layout/_author.scss b/src/wolnelektury/static/2022/styles/layout/_author.scss
index 28f0d069d..618b19ac5 100644
--- a/src/wolnelektury/static/2022/styles/layout/_author.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_author.scss
@@ -209,6 +209,25 @@
 .l-author__quotes__slider__item {
   max-width: 336px;
   outline: 0;
+
+  .verse-indent {
+      padding-left: 1em;
+      &.verse-indent-2 { padding-left: 1.1em; }
+      &.verse-indent-3 { padding-left: 1.2em; }
+      &.verse-indent-4 { padding-left: 1.3em; }
+      &.verse-indent-5 { padding-left: 1.4em; }
+      &.verse-indent-6 { padding-left: 1.5em; }
+      &.verse-indent-7 { padding-left: 1.6em; }
+      &.verse-indent-8 { padding-left: 1.7em; }
+      &.verse-indent-9 { padding-left: 1.8em; }
+      &.verse-indent-10 { padding-left: 1.9em; }
+      &.verse-indent-11 { padding-left: 2em; }
+      &.verse-indent-12 { padding-left: 2.1em; }
+  }
+  .verse-cont { padding-left: 2.1em; }
+  .verse-p { padding-left: 1em; }
+  .verse-right { text-align: right; }
+  .verse-center { text-align: center; }
 }
 
 
diff --git a/src/wolnelektury/static/css/new.book.css b/src/wolnelektury/static/css/new.book.css
index a7ae22bac..fd3a6cdb8 100644
--- a/src/wolnelektury/static/css/new.book.css
+++ b/src/wolnelektury/static/css/new.book.css
@@ -217,6 +217,45 @@ div.kwestia div.stanza {
     margin: 0;
 }
 
+.verse-p {
+    padding-left: 1em;
+}
+.verse-indent {
+    padding-left: 1em;
+}
+.verse-right { text-align: right; }
+.verse-center { text-align: center; }
+
+.verse-indent.verse-indent-2 { padding-left: 2em; }
+.verse-indent.verse-indent-3 { padding-left: 3em; }
+.verse-indent.verse-indent-4 { padding-left: 4em; }
+.verse-indent.verse-indent-5 { padding-left: 5em; }
+.verse-indent.verse-indent-6 { padding-left: 6em; }
+.verse-indent.verse-indent-7 { padding-left: 7em; }
+.verse-indent.verse-indent-8 { padding-left: 8em; }
+.verse-indent.verse-indent-9 { padding-left: 9em; }
+.verse-indent.verse-indent-10 { padding-left: 10em; }
+.verse-indent.verse-indent-11 { padding-left: 11em; }
+.verse-indent.verse-indent-12 { padding-left: 12em; }
+.verse-cont { padding-left: 12em; }
+
+@media screen and (max-width: 40em) {
+    .verse-indent { padding-left: 4%; }
+    .verse-indent.verse-indent-2 { padding-left: 8%; }
+    .verse-indent.verse-indent-3 { padding-left: 12%; }
+    .verse-indent.verse-indent-4 { padding-left: 16%; }
+    .verse-indent.verse-indent-5 { padding-left: 20%; }
+    .verse-indent.verse-indent-6 { padding-left: 24%; }
+    .verse-indent.verse-indent-7 { padding-left: 28%; }
+    .verse-indent.verse-indent-8 { padding-left: 32%; }
+    .verse-indent.verse-indent-9 { padding-left: 36%; }
+    .verse-indent.verse-indent-10 { padding-left: 40%; }
+    .verse-indent.verse-indent-11 { padding-left: 44%; }
+    .verse-indent.verse-indent-12 { padding-left: 48%; }
+    .verse-cont { padding-left: 48%; }
+}
+
+
 p.paragraph {
     text-align: justify;
     margin: 0;