diff --git a/assets/sass/_home.sass b/assets/sass/_home.sass new file mode 100644 index 0000000..9c74b0a --- /dev/null +++ b/assets/sass/_home.sass @@ -0,0 +1,38 @@ +// ============================================== +// HOME +// ============================================== + +// Presentation album + +.hero + .content + display: flex; + flex-direction: column-reverse; + align-items: center; + + .hero-text + margin-bottom: .5rem; + margin-top: .5rem; + .image-portrait + margin-bottom: .5rem; + +@include media-breakpoint-up(md) + .hero + .image-portrait + width: 50%; + max-width: 50%; + +@include media-breakpoint-up(lg) + .hero--image-portrait + .content + flex-direction: row-reverse; + .hero-text + width: calc( (var(--column-width) * 3) + var(--grid-gutter) * ( 8 - 1 )) + figure + width: calc( (var(--column-width) * 13) + var(--grid-gutter) * ( 3 - 1 )) + + + + + + diff --git a/assets/sass/main.sass b/assets/sass/main.sass index ea23b7d..22bd458 100644 --- a/assets/sass/main.sass +++ b/assets/sass/main.sass @@ -3,3 +3,4 @@ @import "_configuration" @import "_theme/hugo-osuny" @import "_style" +@import "_home"