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 {
color: var(--secondary);
color: var(--title);
font-size: 3rem;
padding-bottom: 1rem;
}
@ -107,4 +107,27 @@ pre::-webkit-scrollbar {
.book-menu-content a:hover,
.book-toc-content a:hover {
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);
--highlighted: #8446ff88;
--header: #bca1ff;
--title: rgb(55, 0, 255);
}
[saved-theme="dark"] {
@ -25,4 +26,5 @@
--outlinegray: #343434 !important;
--highlighted: #574010;
--header: #7838f8;
}
--title: rgb(253, 116, 253);
}

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

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

@ -31,7 +31,7 @@
{{ if .Page.Params.BookCollapseSection }}
<input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
<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 -}}
</a>
</label>
@ -44,6 +44,6 @@
{{- partial "docs/title" .Page -}}
</a>
{{ else }}
<span>{{- partial "docs/title" .Page -}}</span>
<span class="book-menu-title">{{- partial "docs/title" .Page -}}</span>
{{ 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="}}