From fc88c127d432f35cdd016031286e4cafad6a4fac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= Date: Wed, 18 May 2022 14:36:05 +0300 Subject: [PATCH] It feels very bad to not commit appropriately --- index.html | 15 ++++++++++++++- resources/css/main.scss | 1 - resources/css/partials/footer.scss | 9 +++++++-- resources/css/variables.scss | 4 ++++ styles/main.css | 9 ++++++--- styles/main.css.map | 2 +- 6 files changed, 32 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 2911887..e269953 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Uğur Galeri @@ -34,13 +35,16 @@ + diff --git a/resources/css/main.scss b/resources/css/main.scss index a281a94..0655912 100644 --- a/resources/css/main.scss +++ b/resources/css/main.scss @@ -45,7 +45,6 @@ html, body { } #footer { - background: black; grid-column: 2; grid-row: 3; } diff --git a/resources/css/partials/footer.scss b/resources/css/partials/footer.scss index 18c1ccf..ef40e2d 100644 --- a/resources/css/partials/footer.scss +++ b/resources/css/partials/footer.scss @@ -2,6 +2,7 @@ #footer { + background: variables.$clr_footer; margin: 0; display: flex; justify-content: flex-start; @@ -10,7 +11,7 @@ padding: variables.$innerContainerMargin; .footer-column { - color: aliceblue; + color: variables.$clr_footer_sleep; display: flex; flex-direction: column; margin: 0 20px 0 0; @@ -33,6 +34,10 @@ margin: 0 0 5px 0; font: 16px "Montserrat", sans-serif; font-weight: 500; + + &:hover { + color: variables.$clr_footer_active; + } } .footer-social { @@ -48,7 +53,7 @@ } &:hover { - background: variables.$clr_nav_active; + background: variables.$clr_footer_active; color: black; } } diff --git a/resources/css/variables.scss b/resources/css/variables.scss index e2a2af7..41d5f48 100644 --- a/resources/css/variables.scss +++ b/resources/css/variables.scss @@ -11,6 +11,10 @@ $clr_logo: #D6FFFF; $clr_nav_sleep: #A3C2C2; $clr_nav_active: $clr_logo; +$clr_footer: #000000; +$clr_footer_sleep: #DFE8E8; +$clr_footer_active: #F5FFFF; + $clr_sides: #364040; @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); diff --git a/styles/main.css b/styles/main.css index bcd32b9..4fb8166 100644 --- a/styles/main.css +++ b/styles/main.css @@ -39,6 +39,7 @@ } #footer { + background: #000000; margin: 0; display: flex; justify-content: flex-start; @@ -47,7 +48,7 @@ padding: 20px; } #footer .footer-column { - color: aliceblue; + color: #DFE8E8; display: flex; flex-direction: column; margin: 0 20px 0 0; @@ -69,6 +70,9 @@ font: 16px "Montserrat", sans-serif; font-weight: 500; } +#footer .footer-column a:hover { + color: #F5FFFF; +} #footer .footer-column .footer-social { display: inline-flex; align-items: center; @@ -81,7 +85,7 @@ margin: 0 15px 0 0; } #footer .footer-column .footer-social:hover { - background: #D6FFFF; + background: #F5FFFF; color: black; } #footer .footer-column p { @@ -136,7 +140,6 @@ html, body { } #footer { - background: black; grid-column: 2; grid-row: 3; } diff --git a/styles/main.css.map b/styles/main.css.map index 621e3a9..9156f3d 100644 --- a/styles/main.css.map +++ b/styles/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../resources/css/variables.scss","../resources/css/partials/header.scss","../resources/css/mixins.scss","../resources/css/partials/footer.scss","../resources/css/main.scss"],"names":[],"mappings":"AAeQ;AACA;AACA;ACdR;EACE,YDIW;ECHX;EACA;EACA;EACA;;ACCA;EDNF;IAQI;;;AAGF;EACE;EACA;EACA,aDXmB;ECYnB,ODTO;;ACYT;EACE;;AAEA;EACE,cDnBiB;ECoBjB;EACA;EACA,ODlBU;ECmBV;;AAEA;EACE,ODvBG;;AEAT;ED2BM;IACE;;;;AElCV;EACE;EACA;EACA;EACA;EACA;EACA,SHHqB;;AGKrB;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE,YHzCG;EG0CH;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AC1DN;EACE;EACA;EACA,kBJKU;;;AIFZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AFGA;EEVF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EAEA,SJpCqB;EIqCrB;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../resources/css/variables.scss","../resources/css/partials/header.scss","../resources/css/mixins.scss","../resources/css/partials/footer.scss","../resources/css/main.scss"],"names":[],"mappings":"AAmBQ;AACA;AACA;AClBR;EACE,YDIW;ECHX;EACA;EACA;EACA;;ACCA;EDNF;IAQI;;;AAGF;EACE;EACA;EACA,aDXmB;ECYnB,ODTO;;ACYT;EACE;;AAEA;EACE,cDnBiB;ECoBjB;EACA;EACA,ODlBU;ECmBV;;AAEA;EACE,ODvBG;;AEAT;ED2BM;IACE;;;;AElCV;EACE,YHSW;EGRX;EACA;EACA;EACA;EACA;EACA,SHJqB;;AGMrB;EACE,OHCe;EGAf;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,OHvBY;;AG2BhB;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE,YHxCY;EGyCZ;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AC/DN;EACE;EACA;EACA,kBJSU;;;AINZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AFGA;EEVF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EAEA,SJpCqB;EIqCrB;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file