mdBook/data/assets/_html-template/_stylus/themes/base.styl

129 lines
2.4 KiB
Stylus
Raw Normal View History

2015-09-19 04:13:55 +08:00
.{unquote($theme-name)} {
2015-09-19 04:13:55 +08:00
color: $fg
background-color: $bg
.content .header:link, .content .header:visited {
color: $fg;
pointer: cursor;
&:hover {
text-decoration: none;
}
}
2015-09-19 04:13:55 +08:00
.sidebar {
background-color: $sidebar-bg
color: $sidebar-fg
}
.chapter li {
color: $sidebar-non-existant
a { color: $sidebar-fg }
.active,
a:hover, {
2015-09-19 04:13:55 +08:00
/* Animate color change */
color: $sidebar-active
}
}
.chapter .spacer {
background-color: $sidebar-spacer
}
.menu-bar,
.menu-bar:visited,
2015-09-19 04:13:55 +08:00
.nav-chapters,
.nav-chapters:visited,
.mobile-nav-chapters,
.mobile-nav-chapters:visited {
2015-09-19 04:13:55 +08:00
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
}
2015-09-19 04:13:55 +08:00
.mobile-nav-chapters {
background-color: $sidebar-bg
}
.content a:link, a:visited {
2015-09-19 04:13:55 +08:00
color: $links
}
.theme-popup {
color: $fg
2015-09-19 04:13:55 +08:00
background: $theme-popup-bg
border: 1px solid $theme-popup-border
.theme:hover { background-color: $theme-hover }
.default { color: $icons }
2015-09-19 04:13:55 +08:00
}
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; }
}
2015-09-19 04:13:55 +08:00
}