diff --git a/assets/scss/_texts.scss b/assets/scss/_texts.scss index 5a28fb2..816c599 100644 --- a/assets/scss/_texts.scss +++ b/assets/scss/_texts.scss @@ -6,9 +6,15 @@ .verse { line-height: $line-height-verse; + @include breakpoint(laptop) { + margin-left: 3rem; + } - p { - margin-bottom: 1rem; + p:not(:last-child) { + margin-bottom: $verse-p-bottom-space; + @include breakpoint(laptop) { + margin-bottom: $verse-p-bottom-space-larger; + } } br { diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 9a0a0b9..18631bb 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -18,6 +18,8 @@ $font-size-base: 1.25rem !default; // 25 px $font-size-small: .9rem; // 18 px $line-height-base: 1.4; $line-height-verse: 1.3; +$verse-p-bottom-space: 2rem; +$verse-p-bottom-space-larger: 3rem; /////////////////////