From 2ccb8469c645d90fc70b9d0dc6d2e156de2cff12 Mon Sep 17 00:00:00 2001 From: Sarah Conway Date: Tue, 28 May 2019 07:53:42 -0700 Subject: [PATCH] Add Sustainability section, update mobile styles accordingly --- static/css/style.css | 47 +++++++++++++++++++++++--------------- templates/base.html | 2 +- templates/index_base.html | 2 +- templates/pages/index.html | 39 ++++++++++++++++++++++++------- 4 files changed, 61 insertions(+), 29 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 002a29b..2b11f22 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -29,6 +29,10 @@ a:active { text-decoration: none; } +b, strong { + color: #EA5455; +} + .fa, .fab, .fas { @@ -107,10 +111,6 @@ a:active { color: #f4f4f4; } -.page-footer > .container > .row > .col-sm-4 { - padding: 0 4rem; -} - .page-footer a:hover, .page-footer .fab:hover:before { color: #f4f4f4 !important; @@ -133,6 +133,28 @@ sub { bottom: 0 !important; } +@media (max-width: 1024px) { + .col-sm-4 { + flex: 0 0 100% !important; + max-width: 100% !important; + } + + .page-footer .col-sm-4:not(:last-child) { + margin-bottom: 1.5rem; + } + + .px-5 { + padding: 0 2rem !important; + } + + .page-footer > .container { + width: 100% !important; + margin-left: auto !important; + margin-right: auto !important; + max-width: unset !important; + } +} + @media (max-width: 991px) { .navbar { align-items: center !important; @@ -150,19 +172,6 @@ sub { .py-5 { padding: 2rem !important; } - - .page-footer > .container > .row > .col-sm-4 { - padding: 0; - } - - .page-footer .col-sm-4 { - flex: 0 0 100%; - max-width: 100%; - } - - .page-footer .col-sm-4:not(:last-child) { - margin-bottom: 1.5rem; - } } @media (max-width: 768px) { @@ -179,7 +188,7 @@ sub { font-size: 2.5rem; } - .page-footer > .container > .row > .col-sm-4 { - padding: 0 2rem; + .px-5 { + padding: 0 1rem !important; } } diff --git a/templates/base.html b/templates/base.html index 3351d94..a336b76 100644 --- a/templates/base.html +++ b/templates/base.html @@ -112,7 +112,7 @@