mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
expand: remove slide effect on hover and add outline #577
This commit is contained in:
parent
1381995bac
commit
3c0e4c0a12
3 changed files with 18 additions and 18 deletions
|
@ -321,6 +321,11 @@
|
||||||
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
|
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expand > input:active,
|
||||||
|
.expand > input:focus {
|
||||||
|
outline-color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) */
|
||||||
|
}
|
||||||
|
|
||||||
.expand > label {
|
.expand > label {
|
||||||
color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
|
color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
|
||||||
}
|
}
|
||||||
|
@ -329,10 +334,6 @@
|
||||||
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
|
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand > label:after {
|
|
||||||
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
|
|
||||||
}
|
|
||||||
|
|
||||||
div.box {
|
div.box {
|
||||||
background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
|
background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
|
||||||
border-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
|
border-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
|
||||||
|
|
|
@ -1175,6 +1175,12 @@ option {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expand > input:active,
|
||||||
|
.expand > input:focus {
|
||||||
|
outline-border: 1px;
|
||||||
|
outline-style: solid;
|
||||||
|
}
|
||||||
|
|
||||||
.expand > label {
|
.expand > label {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline;
|
display: inline;
|
||||||
|
@ -1185,16 +1191,8 @@ option {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand > label:after {
|
.expand > label:hover {
|
||||||
content: "";
|
text-decoration: underline;
|
||||||
display: block;
|
|
||||||
height: 1px;
|
|
||||||
width: 0%;
|
|
||||||
transition: width 0.5s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.expand > label:hover:after {
|
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand > label > .fas {
|
.expand > label > .fas {
|
||||||
|
|
|
@ -286,6 +286,11 @@ pre .copy-to-clipboard-button:hover {
|
||||||
color: var(--INTERNAL-CODE-BLOCK-BG-color);
|
color: var(--INTERNAL-CODE-BLOCK-BG-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expand > input:active,
|
||||||
|
.expand > input:focus {
|
||||||
|
outline-color: var(--INTERNAL-MAIN-TEXT-color);
|
||||||
|
}
|
||||||
|
|
||||||
.expand > label {
|
.expand > label {
|
||||||
color: var(--INTERNAL-MAIN-LINK-color);
|
color: var(--INTERNAL-MAIN-LINK-color);
|
||||||
}
|
}
|
||||||
|
@ -294,10 +299,6 @@ pre .copy-to-clipboard-button:hover {
|
||||||
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
|
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.expand > label:after {
|
|
||||||
background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
#homelinks {
|
#homelinks {
|
||||||
background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
|
background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
|
||||||
border-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
|
border-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
|
||||||
|
|
Loading…
Reference in a new issue