From 9a0ea819fa5bfd8bce2e2500fbfc0cfcc75eff08 Mon Sep 17 00:00:00 2001 From: Radek Czajka Date: Thu, 19 Oct 2023 12:54:51 +0200 Subject: [PATCH] Add verse indent styles. --- requirements/requirements.txt | 2 +- .../static/2022/styles/layout/_author.scss | 19 +++++++++ src/wolnelektury/static/css/new.book.css | 39 +++++++++++++++++++ 3 files changed, 59 insertions(+), 1 deletion(-) 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; -- 2.20.1