129 lines
2.4 KiB
Stylus
129 lines
2.4 KiB
Stylus
.{unquote($theme-name)} {
|
|
|
|
color: $fg
|
|
background-color: $bg
|
|
|
|
.content .header:link, .content .header:visited {
|
|
color: $fg;
|
|
pointer: cursor;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.sidebar {
|
|
background-color: $sidebar-bg
|
|
color: $sidebar-fg
|
|
}
|
|
|
|
.chapter li {
|
|
color: $sidebar-non-existant
|
|
|
|
a { color: $sidebar-fg }
|
|
|
|
.active,
|
|
a:hover, {
|
|
/* Animate color change */
|
|
color: $sidebar-active
|
|
}
|
|
}
|
|
|
|
.chapter .spacer {
|
|
background-color: $sidebar-spacer
|
|
}
|
|
|
|
.menu-bar,
|
|
.menu-bar:visited,
|
|
.nav-chapters,
|
|
.nav-chapters:visited,
|
|
.mobile-nav-chapters,
|
|
.mobile-nav-chapters:visited {
|
|
color: $icons
|
|
}
|
|
|
|
.menu-bar i:hover,
|
|
.nav-chapters:hover,
|
|
.mobile-nav-chapters i:hover {
|
|
color: $icons-hover
|
|
}
|
|
|
|
.mobile-nav-chapters i:hover {
|
|
color: $sidebar-fg
|
|
}
|
|
|
|
.mobile-nav-chapters {
|
|
background-color: $sidebar-bg
|
|
}
|
|
|
|
.content a:link, a:visited {
|
|
color: $links
|
|
}
|
|
|
|
.theme-popup {
|
|
color: $fg
|
|
background: $theme-popup-bg
|
|
border: 1px solid $theme-popup-border
|
|
|
|
.theme:hover { background-color: $theme-hover }
|
|
|
|
.default { color: $icons }
|
|
}
|
|
|
|
blockquote {
|
|
margin: 20px 0;
|
|
padding: 0 20px;
|
|
color: $fg;
|
|
background-color: $quote-bg;
|
|
border-top: .1em solid $quote-border;
|
|
border-bottom: .1em solid $quote-border;
|
|
}
|
|
|
|
|
|
table {
|
|
|
|
td {
|
|
border-color: $table-border-color;
|
|
}
|
|
|
|
// Alternate background colors for rows
|
|
tbody tr:nth-child(2n) {
|
|
background: $table-alternate-bg;
|
|
}
|
|
|
|
thead {
|
|
background: $table-header-bg;
|
|
td { border: none; }
|
|
tr { border: 1px $table-header-bg solid; }
|
|
}
|
|
}
|
|
|
|
|
|
/* Inline code */
|
|
:not(pre) > .hljs {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0.1em 0.3em;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
pre {
|
|
position: relative;
|
|
|
|
& > .buttons {
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px;
|
|
|
|
color: $sidebar-fg;
|
|
cursor: pointer;
|
|
|
|
:hover { color: $sidebar-active; }
|
|
i { margin-left: 8px; }
|
|
}
|
|
|
|
& > .result { margin-top: 10px; }
|
|
|
|
}
|
|
}
|