nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-05-04 09:06:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

deploy: 00faf15af5

Browse source
This commit is contained in:
McShelby 2023-02-03 07:58:48 +00:00
parent 357c9680ec
commit 31fd4ef635
362 changed files with 8418 additions and 8243 deletions

27
css/ie.css
View file

@ -29,14 +29,17 @@
div.attachments .box-content {
padding-left: 1.75rem;
}
.expand > .expand-label > .expand-rtl.direction-rtl {
display: none;
.expand > label {
left: 0;
}
.expand > .expand-label > .expand-ltr.direction-rtl {
display: inline-block;
.expand > input + label > .fa-chevron-left {
display: none !important;
}
.expand.expand-expanded > .expand-label > .fa-chevron-right {
display: none;
.expand > input + label > .fa-chevron-right {
display: inline-block !important;
}
.expand > input:checked + label > .fa-chevron-right {
display: none !important;
}
#body .tab-nav-button {
margin-left: 4px;
@ -184,6 +187,18 @@
font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
}
.expand > label {
color: #486ac9; /* var(--MAIN-LINK-color) */
}
.expand > label:hover {
color: #202891; /* var(--MAIN-LINK-HOVER-color) */
}
.expand > label:after {
color: #202891; /* var(--MAIN-LINK-HOVER-color) */
}
div.box {
background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
}

78
css/theme.css
View file

@ -1028,53 +1028,73 @@ option {
color: initial;
}
.expand{
.expand {
margin-bottom: 1rem;
margin-top: 1rem;
position: relative;
}
.expand-label {
.expand > input {
-webkit-appearance: none;
appearance: none;
cursor: pointer;
}
.expand-label > .fas {
.expand > label {
cursor: pointer;
display: inline;
font-weight: 300;
inset-inline-start: 0;
line-height: 1.1;
margin-top: .2rem;
position: absolute;
}
.expand > label:after {
background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
content: "";
display: block;
height: 1px;
width: 0%;
transition: width 0.5s ease;
}
.expand > label:hover:after {
width: 100%;
}
.expand > label > .fas {
font-size: .8rem;
width: .6rem;
}
.expand-content {
.expand > .expand-content {
margin-top: .5rem;
}
/* expander collapsed, default */
.expand > .expand-label > .fa-chevron-down {
display: none;
}
.expand > .expand-label > .fa-chevron-left,
.expand > .expand-label > .fa-chevron-right {
display: inline-block;
}
/* expander expanded, controlled by expand.html */
.expand.expand-expanded > .expand-label > .fa-chevron-down {
display: inline-block;
}
.expand.expand-expanded > .expand-label > .fa-chevron-left,
.expand.expand-expanded > .expand-label > .fa-chevron-right {
/* closed expander */
.expand > input + label + div {
display: none;
}
/* expander expand collapsed marked, must override logic of expand.html, controlled by theme.js */
.expand:not(.expand-expanded).expand-marked > .expand-label > .fa-chevron-down {
display: inline-block;
}
.expand:not(.expand-expanded).expand-marked > .expand-label > .fa-chevron-left,
.expand:not(.expand-expanded).expand-marked > .expand-label > .fa-chevron-right {
.expand > input + label > .fa-chevron-down {
display: none;
}
.expand:not(.expand-expanded).expand-marked > .expand-content {
/* this will disable jquery's animation */
display: block !important;
.expand > input + label > .fa-chevron-left,
.expand > input + label > .fa-chevron-right {
display: inline-block;
}
/* open expander */
.expand > input:checked + label + div {
display: block;
}
.expand > input:checked + label > .fa-chevron-down {
display: inline-block;
}
.expand > input:checked + label > .fa-chevron-left,
.expand > input:checked + label > .fa-chevron-right {
display: none;
}
/* turn off unsuitable expander for this reading direction */

12
css/variant.css
View file

@ -368,6 +368,18 @@ pre .copy-to-clipboard-button:hover {
color: var(--INTERNAL-CODE-BLOCK-BG-color);
}
.expand > label {
color: var(--INTERNAL-MAIN-LINK-color);
}
.expand > label: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);