FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor footer CSS

Browse source 
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz 2023-09-21 23:26:01 +06:00
parent 3e20e2ffb2
commit a4224d74ea
3 changed files with 64 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/styles/application.template.scss
View file

@ -36,6 +36,7 @@
@import './sections/achievements'; @import './sections/achievements';
@import './sections/accomplishments'; @import './sections/accomplishments';
@import './sections/publications'; @import './sections/publications';
@import './sections/footer';
// components // components

70
assets/styles/layouts/main.scss
View file

@ -263,76 +263,6 @@ mark {
color: #f9fafc; color: #f9fafc;
} }
/* --- FOOTER START --- */
.footer {
color: #8392a5 !important;
background-color: #1c2d41;
position: relative;
z-index: 9999;
}
.footer h5 {
color: #c0ccda;
}
.footer a {
color: #8392a5;
transition: all 0.3s ease-out;
}
.footer a:hover {
margin-left: 5px;
transition: all 0.3s ease-out;
}
.footer ul {
list-style: none;
padding-left: 0;
}
.footer li {
margin-top: 5px;
}
.footer hr {
background-color: #8392a5;
}
.footer p:first-child {
color: #c0ccda;
}
.footer input {
background-color: #c0ccda;
}
.footer input:focus {
background-color: #e5e9f2;
}
.footer #disclaimer {
color: #8392a5 !important;
text-align: justify;
}
.footer #disclaimer > strong {
color: #c0ccda !important;
}
.footer #theme {
color: #c0ccda;
}
.footer #theme img {
width: 32px;
}
.footer #hugo:hover {
margin-right: 5px;
transition: all 0.3s ease-out;
}
/* --- FOOTER END ---- */
/* ============= Media Query Template ======= */ /* ============= Media Query Template ======= */
@include media('<medium') { @include media('<medium') {
} }

63
assets/styles/sections/footer.scss Normal file
View file

@ -0,0 +1,63 @@
.footer {
color: #8392a5 !important;
background-color: #1c2d41;
position: relative;
z-index: 9999;
h5 {
color: #c0ccda;
}
a {
color: #8392a5;
transition: all 0.3s ease-out;
&:hover {
margin-left: 5px;
transition: all 0.3s ease-out;
}
}
ul {
list-style: none;
padding-left: 0;
li {
margin-top: 5px;
}
}
hr {
background-color: #8392a5;
}
p:first-child {
color: #c0ccda;
}
input {
background-color: #c0ccda;
&:focus {
background-color: #e5e9f2;
}
}
#disclaimer {
color: #8392a5 !important;
text-align: justify;
& > strong {
color: #c0ccda !important;
}
}
#theme {
color: #c0ccda;
img {
width: 32px;
}
}
#hugo:hover {
margin-right: 5px;
transition: all 0.3s ease-out;
}
}