diff --git a/wowchemy/assets/scss/wowchemy/_root.scss b/wowchemy/assets/scss/wowchemy/_root.scss index db0c7fd2..f28da641 100644 --- a/wowchemy/assets/scss/wowchemy/_root.scss +++ b/wowchemy/assets/scss/wowchemy/_root.scss @@ -1,5 +1,5 @@ /************************************************* - * Academic's Core + * Wowchemy's Core Style **************************************************/ html { @@ -33,6 +33,32 @@ body.no-navbar { margin-top: 0 !important; } +// PAGE LAYOUT +// Designed to push footer to bottom of viewport for short pages. + +.page-wrapper { + // Min height = viewport height - navbar height + min-height: calc(100vh - 70px); + display: grid; + grid-template-rows: auto 1fr auto; +} +@include media-breakpoint-down(md) { + .page-wrapper { + min-height: calc(100vh - 50px); + } +} + +.page-header, +.page-footer { + flex-shrink: 0; +} + +.page-body { + flex-grow: 1; +} + +// UTILITIES + .max-width-640 { max-width: 640px; } @@ -162,6 +188,21 @@ video { margin: 0 auto; } +/* Hide overflowing of zoomed child img element */ +.img-hover-zoom { + overflow: hidden; +} + +/* Smooth transition for image zoom on hover */ +.img-hover-zoom img { + transition: transform .3s ease-in-out; +} + +/* Transform the image scale when container gets hovered */ +.img-hover-zoom:hover img { + transform: scale(1.1); +} + // Center all figure images by default. figure img { @extend .margin-auto; diff --git a/wowchemy/layouts/_default/baseof.html b/wowchemy/layouts/_default/baseof.html index 2e974d76..944320d9 100644 --- a/wowchemy/layouts/_default/baseof.html +++ b/wowchemy/layouts/_default/baseof.html @@ -6,7 +6,7 @@ {{ $show_navbar := site.Params.main_menu.enable | default true }} {{- $highlight_active_link := site.Params.main_menu.highlight_active_link | default true -}} -
+ {{/* Load day/night theme. */}} {{/* Initialise default theme. */}} @@ -23,20 +23,26 @@ {{ partial "search" . }} - {{ partial "navbar" . }} +