nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

expand: remove slide effect on hover and add outline #577

Browse source
This commit is contained in:
Sören Weber 2023-06-28 23:11:35 +02:00
parent 1381995bac
commit 3c0e4c0a12
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/css/ie.css
View file

@ -321,6 +321,11 @@
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 {
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) */
}
.expand > label:after {
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
}
div.box {
background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
border-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */

18
static/css/theme.css
View file

@ -1175,6 +1175,12 @@ option {
cursor: pointer;
}
.expand > input:active,
.expand > input:focus {
outline-border: 1px;
outline-style: solid;
}
.expand > label {
cursor: pointer;
display: inline;
@ -1185,16 +1191,8 @@ option {
position: absolute;
}
.expand > label:after {
content: "";
display: block;
height: 1px;
width: 0%;
transition: width 0.5s ease;
}
.expand > label:hover:after {
width: 100%;
.expand > label:hover {
text-decoration: underline;
}
.expand > label > .fas {

9
static/css/variant.css
View file

@ -286,6 +286,11 @@ pre .copy-to-clipboard-button:hover {
color: var(--INTERNAL-CODE-BLOCK-BG-color);
}
.expand > input:active,
.expand > input:focus {
outline-color: var(--INTERNAL-MAIN-TEXT-color);
}
.expand > label {
color: var(--INTERNAL-MAIN-LINK-color);
}
@ -294,10 +299,6 @@ pre .copy-to-clipboard-button:hover {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
.expand > label:after {
background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
#homelinks {
background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
border-color: var(--INTERNAL-MENU-HEADER-BORDER-color);