From 440112a89578a47b6cfdf3fd9e1e5f5c793d41a3 Mon Sep 17 00:00:00 2001 From: mateuswetah Date: Wed, 29 Jul 2020 16:11:55 -0300 Subject: [PATCH] Adds option to have a light or colored footer. #33 --- src/assets/scss/_footer.scss | 59 +++++++++++++++++++ src/assets/scss/_media_query.scss | 46 +++++++++++++-- src/footer.php | 4 +- src/functions/customizer.php | 97 +++++++++++++++++++++++++++++-- src/header.php | 2 +- src/style.css.map | 2 +- 6 files changed, 195 insertions(+), 15 deletions(-) diff --git a/src/assets/scss/_footer.scss b/src/assets/scss/_footer.scss index bc769c4..2bcb594 100644 --- a/src/assets/scss/_footer.scss +++ b/src/assets/scss/_footer.scss @@ -84,5 +84,64 @@ footer { } } } + &.tainacan-footer-colored { + background-color: #298596; + a { + color: #e6f6f8; + } + .tainacan-footer-widgets-area { + .tainacan-side ul, + .tainacan-side ol { + li { + a { + color: #e6f6f8; + } + } + } + } + .tainacan-footer-info { + .tainacan-powered { + color: #e6f6f8; + } + } + } + &.tainacan-footer-light { + background-color: #f2f2f2; + .text-white { + color: #454647 !important; + } + a { + color: #454647; + &:hover { + color: black; + } + } + + .tainacan-footer-widgets-area { + .tainacan-side ul, + .tainacan-side ol { + li{ + color: black; + a { + color: #454647; + &:hover { + color: black; + } + } + } + } + } + .tainacan-footer-info { + .tainacan-powered { + color: #454647; + a { + color: #222; + &:hover { + color: black; + } + } + } + } + } } } \ No newline at end of file diff --git a/src/assets/scss/_media_query.scss b/src/assets/scss/_media_query.scss index 5582b47..671ce51 100644 --- a/src/assets/scss/_media_query.scss +++ b/src/assets/scss/_media_query.scss @@ -1,12 +1,12 @@ -.header{ - .header-img{ - @media only screen{ - @media (max-width: 768px){ +.header { + .header-img { + @media only screen { + @media (max-width: 768px) { min-height: 240px; } } } - .header-icon{ + .header-icon { @media only screen{ @media (max-width: 414px){ right: 1.4vw; @@ -100,7 +100,7 @@ } } -footer{ +footer { @media only screen { @media (max-width: 991.98px){ %transition { @@ -318,6 +318,40 @@ footer{ color: #cbcbcb; } } + &.tainacan-footer-light { + .tainacan-side{ + .textwidget, .recentcomments, .calendar_wrap, ul li, div li, div, ul, li { + color: #464748; + } + @media only screen { + @media (max-width: 991.98px){ + &{ + border-top: 1px solid #555758; + } + &:nth-last-child(1){ + border-bottom: 1px solid #555758; + } + } + } + } + } + &.tainacan-footer-colored { + .tainacan-side { + .textwidget, .recentcomments, .calendar_wrap, ul li, div li, div, ul, li { + color: #e6f6f8; + } + @media only screen { + @media (max-width: 991.98px){ + &{ + border-top: 1px solid #e6f6f8; + } + &:nth-last-child(1){ + border-bottom: 0px solid #e6f6f8; + } + } + } + } + } } // 1400px is the maximum the inner cointainer should get, so we diff --git a/src/footer.php b/src/footer.php index 26d6331..fd2d160 100644 --- a/src/footer.php +++ b/src/footer.php @@ -1,5 +1,5 @@ -