diff --git a/src/styles/_homepage.sass b/src/styles/_homepage.sass new file mode 100644 index 0000000..19399cb --- /dev/null +++ b/src/styles/_homepage.sass @@ -0,0 +1,41 @@ +.random-featured + // Hide irrelevant info from cards. + li + &.item-type, + &.item-date + @extend .d-none + + // Fit 3 cards per row. + &.card-deck.card-deck-responsive + .card + +media-md + flex: 1 0 30% + max-width: 30% + flex: 1 0 31% + max-width: 31% + +.homepage + .timeline + .card-text, + .card-title + margin-bottom: 0 !important + padding: 0 !important + + // Hide project name, it's already in the timeline. + a + display: none + + // On blog posts, center text and title. + .h1.text-uppercase + +media-md + text-align: center + +media-xl + text-align: left + + .node-details-description + +media-md + margin-left: auto + margin-right: auto + +media-xl + margin-left: 0 + margin-right: auto diff --git a/src/styles/main.sass b/src/styles/main.sass index 47d360d..2842bd1 100644 --- a/src/styles/main.sass +++ b/src/styles/main.sass @@ -102,4 +102,5 @@ $pillar-font-path: "../../../../static/pillar/assets/font" @import welcome @import services @import about +@import homepage @import list_films