Resume page link hover effect.

This commit is contained in:
Cotes Chung 2020-06-17 16:17:03 +08:00
parent b3e6fc56f7
commit b0a35de9c6
3 changed files with 7 additions and 1 deletions

View file

@ -45,6 +45,7 @@
/* Home page */ /* Home page */
--post-list-text-color: rgb(175, 176, 177); --post-list-text-color: rgb(175, 176, 177);
--btn-patinator-text-color: var(--text-color); --btn-patinator-text-color: var(--text-color);
--btn-paginator-hover-color: rgb(64, 65, 66);
--btn-active-bg: rgba(28, 52, 94, 1); --btn-active-bg: rgba(28, 52, 94, 1);
--btn-active-border-color: rgb(66, 94, 138); --btn-active-border-color: rgb(66, 94, 138);
--btn-text-color: var(--text-color); --btn-text-color: var(--text-color);

View file

@ -63,12 +63,14 @@
--input-focus-border-color: var(--btn-border-color); --input-focus-border-color: var(--btn-border-color);
/* Home */ /* Home page */
--post-list-text-color: dimgray; --post-list-text-color: dimgray;
--btn-patinator-text-color: #555555; --btn-patinator-text-color: #555555;
--btn-paginator-hover-color: #e9ecef;
--btn-active-bg: #2a408e; --btn-active-bg: #2a408e;
--btn-active-border-color: #007bff; --btn-active-border-color: #007bff;

View file

@ -76,6 +76,9 @@
border: 1px solid var(--btn-paginator-border-color); border: 1px solid var(--btn-paginator-border-color);
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
background-color: var(--button-bg); background-color: var(--button-bg);
&:hover {
background-color: var(--btn-paginator-hover-color)
}
} }
&.active { &.active {
.page-link { .page-link {