Add custom styles for topic list

This commit is contained in:
Knoch 2020-03-11 11:41:36 +01:00
parent af71ca8206
commit 4d5aacd498
3 changed files with 60 additions and 2 deletions

View File

@ -8,6 +8,9 @@ section {
* { * {
line-height: inherit; } line-height: inherit; }
input {
font-size: inherit; }
/* config */ /* config */
:root { :root {
--primary: #f8f281; --primary: #f8f281;
@ -585,4 +588,25 @@ pre.scroll-one-half {
.fragment.visible { .fragment.visible {
opacity: 1; } opacity: 1; }
/*
* Topic List
* ==========
*/
.topic-list {
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); }
.topic-list .topic-list-search {
display: block;
width: 100%;
border: none;
padding: .5rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--secondary);
text-align: center; }
.topic-list .topic-link {
font-weight: normal; }
.topic-list .topic-link.active-topic-link {
font-weight: bold; }
.topic-list .topic-link.not-matching-search-terms {
opacity: .2; }
/*# sourceMappingURL=latex.css.map */ /*# sourceMappingURL=latex.css.map */

File diff suppressed because one or more lines are too long

View File

@ -8,6 +8,10 @@ section {
line-height: inherit; line-height: inherit;
} }
input {
font-size: inherit;
}
/* config */ /* config */
:root { :root {
--primary: #f8f281; --primary: #f8f281;
@ -738,3 +742,33 @@ pre.scroll-one-half {
.fragment.visible { .fragment.visible {
opacity: 1; opacity: 1;
} }
/*
* Topic List
* ==========
*/
.topic-list {
box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3);
.topic-list-search {
display: block;
width: 100%;
border: none;
padding: .5rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--secondary);
text-align: center;
}
.topic-link {
font-weight: normal;
&.active-topic-link {
font-weight: bold;
}
&.not-matching-search-terms {
opacity: .2;
}
}
}