From 26c7db12364e8eba08e2f8e85bb534ed735a0be8 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Thu, 13 Jun 2024 14:57:38 -0400 Subject: Major overhaul and cleanups --- _sass/minima/_layout.scss | 341 ---------------------------------------------- 1 file changed, 341 deletions(-) delete mode 100644 _sass/minima/_layout.scss (limited to '_sass/minima/_layout.scss') diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss deleted file mode 100644 index 426f390..0000000 --- a/_sass/minima/_layout.scss +++ /dev/null @@ -1,341 +0,0 @@ -/** - * Site header - */ -.site-header { - border-top: 5px solid $border-color-03; - border-bottom: 1px solid $border-color-01; - min-height: $spacing-unit * 1.865; - line-height: $base-line-height * $base-font-size * 2.25; - - // Positioning context for the mobile navigation icon - position: relative; -} - -.site-title { - @include relative-font-size(1.625); - font-weight: 300; - letter-spacing: -1px; - margin-bottom: 0; - float: left; - - @include media-query($on-palm) { - padding-right: 45px; - } - - &, - &:visited { - color: $site-title-color; - } -} - -.site-nav { - position: absolute; - top: 9px; - right: $spacing-unit * .5; - background-color: $background-color; - border: 1px solid $border-color-01; - border-radius: 5px; - text-align: right; - - .nav-trigger { - display: none; - } - - .menu-icon { - float: right; - width: 36px; - height: 26px; - line-height: 0; - padding-top: 10px; - text-align: center; - - > svg path { - fill: $border-color-03; - } - } - - label[for="nav-trigger"] { - display: block; - float: right; - width: 36px; - height: 36px; - z-index: 2; - cursor: pointer; - } - - input ~ .trigger { - clear: both; - display: none; - } - - input:checked ~ .trigger { - display: block; - padding-bottom: 5px; - } - - .page-link { - color: $text-color; - line-height: $base-line-height; - display: block; - padding: 5px 10px; - - // Gaps between nav items, but not on the last one - &:not(:last-child) { - margin-right: 0; - } - margin-left: 20px; - } - - @media screen and (min-width: $on-medium) { - position: static; - float: right; - border: none; - background-color: inherit; - - label[for="nav-trigger"] { - display: none; - } - - .menu-icon { - display: none; - } - - input ~ .trigger { - display: block; - } - - .page-link { - display: inline; - padding: 0; - - &:not(:last-child) { - margin-right: 20px; - } - margin-left: auto; - } - } -} - - - -/** - * Site footer - */ -.site-footer { - border-top: 1px solid $border-color-01; - padding: $spacing-unit 0; -} - -.footer-heading { - @include relative-font-size(1.125); - margin-bottom: $spacing-unit * .5; -} - -.feed-subscribe .svg-icon { - padding: 5px 5px 2px 0 -} - -.contact-list, -.social-media-list { - list-style: none; - margin-left: 0; -} - -.footer-col-wrapper, -.social-links { - @include relative-font-size(0.9375); - color: $brand-color; -} - -.footer-col { - margin-bottom: $spacing-unit * .5; -} - -.footer-col-1, -.footer-col-2 { - width: calc(50% - (#{$spacing-unit} / 2)); -} - -.footer-col-3 { - width: calc(100% - (#{$spacing-unit} / 2)); -} - -@media screen and (min-width: $on-large) { - .footer-col-1 { - width: calc(35% - (#{$spacing-unit} / 2)); - } - - .footer-col-2 { - width: calc(20% - (#{$spacing-unit} / 2)); - } - - .footer-col-3 { - width: calc(45% - (#{$spacing-unit} / 2)); - } -} - -@media screen and (min-width: $on-medium) { - .footer-col-wrapper { - display: flex - } - - .footer-col { - width: calc(100% - (#{$spacing-unit} / 2)); - padding: 0 ($spacing-unit * .5); - - &:first-child { - padding-right: $spacing-unit * .5; - padding-left: 0; - } - - &:last-child { - padding-right: 0; - padding-left: $spacing-unit * .5; - } - } -} - - - -/** - * Page content - */ -.page-content { - padding: $spacing-unit 0; - flex: 1 0 auto; -} - -.page-heading { - @include relative-font-size(2); -} - -.post-list-heading { - @include relative-font-size(1.75); -} - -.post-list { - margin-left: 0; - list-style: none; - - > li { - margin-bottom: $spacing-unit; - } -} - -.post-meta { - font-size: $small-font-size; - color: $brand-color; -} - -.post-link { - display: block; - @include relative-font-size(1.2); -} - - - -/** - * Posts - */ -.post-header { - margin-bottom: $spacing-unit; -} - -.post-title, -.post-content h1 { - @include relative-font-size(2.625); - letter-spacing: -1px; - line-height: 1.15; - - @media screen and (min-width: $on-large) { - @include relative-font-size(2.625); - } -} - -.post-content { - margin-bottom: $spacing-unit; - - h1, h2, h3, h4, h5, h6 { margin-top: $spacing-unit } - - h2 { - @include relative-font-size(1.75); - - @media screen and (min-width: $on-large) { - @include relative-font-size(2); - } - } - - h3 { - @include relative-font-size(1.375); - - @media screen and (min-width: $on-large) { - @include relative-font-size(1.625); - } - } - - h4 { - @include relative-font-size(1.25); - } - - h5 { - @include relative-font-size(1.125); - } - h6 { - @include relative-font-size(1.0625); - } -} - - -.social-media-list { - display: table; - margin: 0 auto; - li { - float: left; - margin: 5px 10px 5px 0; - &:last-of-type { margin-right: 0 } - a { - display: block; - padding: 10px 12px; - border: 1px solid $border-color-01; - &:hover { border-color: $border-color-02 } - } - } -} - - - -/** - * Pagination navbar - */ -.pagination { - margin-bottom: $spacing-unit; - @extend .social-media-list; - li { - a, div { - min-width: 41px; - text-align: center; - box-sizing: border-box; - } - div { - display: block; - padding: $spacing-unit * .25; - border: 1px solid transparent; - - &.pager-edge { - color: $border-color-01; - border: 1px dashed; - } - } - } -} - - - -/** - * Grid helpers - */ -@media screen and (min-width: $on-large) { - .one-half { - width: calc(50% - (#{$spacing-unit} / 2)); - } -} -- cgit v1.2.3-54-g00ecf