diff --git a/README.md b/README.md index fba0a43..56b9a68 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,8 @@ # portfoliGor Yet another HUGO portfolio theme, that I will use for igor.milhit.ch. + +## Configuration + +- Add `layout: verse` to improve format for text in verse. Verse should be + separated by a line break, strophes are paragraphs. diff --git a/assets/scss/_fonts.scss b/assets/scss/_fonts.scss index b8f4914..45ae556 100644 --- a/assets/scss/_fonts.scss +++ b/assets/scss/_fonts.scss @@ -26,8 +26,8 @@ nav, } } -.content { - line-height: 1.4; // TODO: fix homepage +.container { + line-height: $line-height-base; // TODO: fix homepage } .smallcaps { diff --git a/assets/scss/_texts.scss b/assets/scss/_texts.scss new file mode 100644 index 0000000..4c5a9e7 --- /dev/null +++ b/assets/scss/_texts.scss @@ -0,0 +1,17 @@ +//////////////////// +// // +// Textes // +// // +//////////////////// + +.verse { + line-height: $line-height-verse; + + p { + margin-bottom: 1rem; + } + + br { + margin-bottom: .5rem; + } +} diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 70a3534..541b784 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -1,11 +1,10 @@ -/////////////////// -// // -// FONT // -// // +/////////////////// // FONT // // /////////////////// $font-size-base: 1.25rem !default; // 25 px $font-size-small: .9rem; // 18 px +$line-height-base: 1.4; +$line-height-verse: 1.3; ///////////////////// diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 24ec0aa..cf6616d 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -15,6 +15,7 @@ @import 'main_body'; @import 'medias'; @import 'post'; +@import 'texts'; //////////////////// diff --git a/layouts/_default/single.html b/layouts/_default/single.html index e3209da..d76ef74 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -3,7 +3,9 @@