asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Refactor footer style

Browse source
This commit is contained in:
Cotes Chung 2021-12-05 03:23:00 +08:00
parent 36f55f091d
commit afcf0bde22
4 changed files with 2 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/footer.html
View file

@ -3,7 +3,7 @@
--> -->
<footer class="d-flex w-100 justify-content-center"> <footer class="d-flex w-100 justify-content-center">
<div class="d-flex justify-content-between align-items-center"> <div class="d-flex justify-content-between align-items-center text-muted">
<div class="footer-left"> <div class="footer-left">
<p class="mb-0"> <p class="mb-0">
© {{ 'now' | date: "%Y" }} © {{ 'now' | date: "%Y" }}

4
_sass/addon/commons.scss
View file

@ -155,8 +155,6 @@ footer {
padding: 0 1rem; padding: 0 1rem;
height: $footer-height; height: $footer-height;
font-size: 0.8rem; font-size: 0.8rem;
color: #7a7b7d;
background-color: var(--footer-bg-color);
> div.d-flex { > div.d-flex {
line-height: 1.2rem; line-height: 1.2rem;
@ -171,7 +169,7 @@ footer {
} }
a { a {
color: var(--footer-link); @extend %text-color;
&:link { &:link {
@include no-text-decoration; @include no-text-decoration;

5
_sass/colors/dark-typography.scss
View file

@ -84,10 +84,6 @@
--timeline-color: rgb(63, 65, 68); --timeline-color: rgb(63, 65, 68);
--timeline-year-dot-color: var(--timeline-color); --timeline-year-dot-color: var(--timeline-color);
/* Footer */
--footer-bg-color: var(--main-wrapper-bg);
--footer-link: rgb(171, 171, 171);
.post-content img { .post-content img {
filter: brightness(90%); filter: brightness(90%);
} }
@ -139,7 +135,6 @@
rgb(39, 39, 45), rgb(39, 39, 45),
rgb(26, 26, 30) rgb(26, 26, 30)
); );
} }
} // dark-scheme } // dark-scheme

3
_sass/colors/light-typography.scss
View file

@ -76,7 +76,4 @@
--timeline-node-bg: #c2c6cc; --timeline-node-bg: #c2c6cc;
--timeline-year-dot-color: #ffffff; --timeline-year-dot-color: #ffffff;
/* Footer */
--footer-bg-color: #ffffff;
--footer-link: #424242;
} // light-scheme } // light-scheme