From 298b6dc204230443ea94b8456452896dd477da7f Mon Sep 17 00:00:00 2001 From: Lorenzo Cogotti Date: Wed, 23 Mar 2022 18:02:03 +0100 Subject: [PATCH] [themes/doublefourteen] Add contact buttons to page footer. --- themes/doublefourteen/assets/sass/style.sass | 27 ++++++- .../layouts/partials/footer.html | 26 +++--- .../layouts/partials/getintouch.html | 80 +++++++++++++++++++ 3 files changed, 119 insertions(+), 14 deletions(-) create mode 100644 themes/doublefourteen/layouts/partials/getintouch.html diff --git a/themes/doublefourteen/assets/sass/style.sass b/themes/doublefourteen/assets/sass/style.sass index ab1e1dd..9dc40ac 100644 --- a/themes/doublefourteen/assets/sass/style.sass +++ b/themes/doublefourteen/assets/sass/style.sass @@ -29,6 +29,13 @@ .up-to-small-screen display: none !important +@media (prefers-color-scheme:dark) + .on-light-theme + display: none !important +@media (prefers-color-scheme:light) + .on-dark-theme + display: none !important + * box-sizing: border-box z-index: $foreground @@ -148,9 +155,17 @@ thead th repeat: no-repeat size: 400px 386px +.get-in-touch + display: flex + flex-direction: row + flex-wrap: wrap + justify-content: right + gap: 1.5em + margin: 2em 3em 2em 2em + .button, .button:hover background-color: transparent - border: 2px solid #737475 + border: 2px solid #ced4da color: #333 padding: 7px 12px display: block @@ -161,10 +176,16 @@ thead th .button a display: inline text-decoration: none !important - color: #666 + color: #333 .button:hover - background-color: #7f7f7f + background-color: #fefefe +.twitter-button, .email-button + padding 0px + > img + min-width: 16px + min-height: 16px + margin-bottom: 0px .footer text-align: center diff --git a/themes/doublefourteen/layouts/partials/footer.html b/themes/doublefourteen/layouts/partials/footer.html index e870373..d8e5b87 100644 --- a/themes/doublefourteen/layouts/partials/footer.html +++ b/themes/doublefourteen/layouts/partials/footer.html @@ -1,12 +1,16 @@ -