fix styles

This commit is contained in:
Ben Cuan 2023-01-05 21:39:54 +00:00
parent 02e83fd14b
commit 23681c790f
7 changed files with 51 additions and 19 deletions

@ -95,7 +95,7 @@ pre::-webkit-scrollbar {
} }
.title { .title {
color: var(--secondary); color: var(--title);
font-size: 3rem; font-size: 3rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -108,3 +108,26 @@ pre::-webkit-scrollbar {
.book-toc-content a:hover { .book-toc-content a:hover {
opacity: 100%; opacity: 100%;
} }
.book-menu-title {
font-weight: bolder;
color: var(--title);
opacity: 1;
}
.book-menu input.toggle+label::after {
font-size: 150%;
}
.book-menu input.toggle+label:hover {
color: var(--secondary);
}
.markdown-inner, .book-tabs {
font-family: var(--font-body);
color: var(--dark);
}
.book-tabs {
border: solid black 1px;
}

@ -11,6 +11,7 @@
--million-progress-bar-color: var(--secondary); --million-progress-bar-color: var(--secondary);
--highlighted: #8446ff88; --highlighted: #8446ff88;
--header: #bca1ff; --header: #bca1ff;
--title: rgb(55, 0, 255);
} }
[saved-theme="dark"] { [saved-theme="dark"] {
@ -25,4 +26,5 @@
--outlinegray: #343434 !important; --outlinegray: #343434 !important;
--highlighted: #574010; --highlighted: #574010;
--header: #7838f8; --header: #7838f8;
--title: rgb(253, 116, 253);
} }

@ -103,7 +103,7 @@ ul.pagination {
.book-menu-content { .book-menu-content {
width: $menu-width; width: $menu-width;
padding: $padding-16; padding: $padding-16;
background: var(--body-background); background: var(--light);
@include fixed; @include fixed;
} }

@ -1,4 +1,5 @@
.markdown { .markdown {
// {{< expand "Label" "icon" >}} // {{< expand "Label" "icon" >}}
.book-expand { .book-expand {
margin-top: $padding-16; margin-top: $padding-16;
@ -22,7 +23,7 @@
padding: $padding-16; padding: $padding-16;
} }
input[type="checkbox"]:checked + .book-expand-content { input[type="checkbox"]:checked+.book-expand-content {
display: block; display: block;
} }
} }
@ -32,7 +33,7 @@
margin-top: $padding-16; margin-top: $padding-16;
margin-bottom: $padding-16; margin-bottom: $padding-16;
border: $padding-1 solid var(--gray-200); border: $padding-1 solid var(--dark);
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
@ -50,20 +51,24 @@
.book-tabs-content { .book-tabs-content {
order: 999; //Move content blocks to the end order: 999; //Move content blocks to the end
width: 100%; width: 100%;
border-top: $padding-1 solid var(--gray-100); // border-top: $padding-1 solid var(--dark);
padding: $padding-16; padding: $padding-16;
display: none; display: none;
} }
input[type="radio"]:checked + label { input[type="radio"]:checked+label {
border-bottom: $padding-1 solid var(--color-link); border-bottom: $padding-1 * 2 solid var(--secondary);
color: var(--secondary);
font-weight: bold;
} }
input[type="radio"]:checked + label + .book-tabs-content {
input[type="radio"]:checked+label+.book-tabs-content {
display: block; display: block;
} }
input[type="radio"]:focus + label {
@include outline; // input[type="radio"]:focus+label {
} // @include outline;
// }
} }
// {{< columns >}} // {{< columns >}}
@ -71,7 +76,7 @@
margin-left: -$padding-16; margin-left: -$padding-16;
margin-right: -$padding-16; margin-right: -$padding-16;
> div { >div {
margin: $padding-16 0; margin: $padding-16 0;
min-width: $body-min-width / 2; min-width: $body-min-width / 2;
padding: 0 $padding-16; padding: 0 $padding-16;
@ -96,7 +101,9 @@
// {{< hint >}} // {{< hint >}}
.book-hint { .book-hint {
@each $name, $color in $hint-colors {
@each $name,
$color in $hint-colors {
&.#{$name} { &.#{$name} {
border-color: $color; border-color: $color;
background-color: rgba($color, 0.1); background-color: rgba($color, 0.1);

@ -31,7 +31,7 @@
{{ if .Page.Params.BookCollapseSection }} {{ if .Page.Params.BookCollapseSection }}
<input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} /> <input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
<label for="section-{{ md5 .Page }}" class="flex justify-between"> <label for="section-{{ md5 .Page }}" class="flex justify-between">
<a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="{{ if $current }}active{{ end }}"> <a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="book-collapse-toggle {{ if $current }}active{{ end }}">
{{- partial "docs/title" .Page -}} {{- partial "docs/title" .Page -}}
</a> </a>
</label> </label>
@ -44,6 +44,6 @@
{{- partial "docs/title" .Page -}} {{- partial "docs/title" .Page -}}
</a> </a>
{{ else }} {{ else }}
<span>{{- partial "docs/title" .Page -}}</span> <span class="book-menu-title">{{- partial "docs/title" .Page -}}</span>
{{ end }} {{ end }}
{{ end }} {{ end }}

File diff suppressed because one or more lines are too long

@ -1 +1 @@
{"Target":"book.min.f18b2f2e7298d59ed739b8246efa7a6ed7b02ad880c55ab44840973285a77edd.css","MediaType":"text/css","Data":{"Integrity":"sha256-8YsvLnKY1Z7XObgkbvp6btewKtiAxVq0SECXMoWnft0="}} {"Target":"book.min.c38dd3905251a15b6339a37c13d2e663084bac4e0de6d73a09f969506f0f1a1a.css","MediaType":"text/css","Data":{"Integrity":"sha256-w43TkFJRoVtjOaN8E9LmYwhLrE4N5tc6CflpUG8PGho="}}