aboutsummaryrefslogtreecommitdiff
path: root/_sass/minima/_layout.scss
diff options
context:
space:
mode:
authorBradley Taunt <brad@serpapi.com>2024-06-13 14:57:38 -0400
committerBradley Taunt <brad@serpapi.com>2024-06-13 14:57:38 -0400
commit26c7db12364e8eba08e2f8e85bb534ed735a0be8 (patch)
tree0e1d2f6e2456ca2266993eef72881057ee5b3dd9 /_sass/minima/_layout.scss
parenta134c38317e808d6535af990cc505dab1bc7bbfe (diff)
Major overhaul and cleanups
Diffstat (limited to '_sass/minima/_layout.scss')
-rw-r--r--_sass/minima/_layout.scss341
1 files changed, 0 insertions, 341 deletions
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));
- }
-}