src/vendor/mdbook/src/theme/stylus/themes/base.styl

   1 .{unquote($theme-name)} {
   2
   3     color: $fg
   4     background-color: $bg
   5
   6     .content .header:link, .content .header:visited {
   7         color: $fg;
   8         pointer: cursor;
   9
  10         &:hover {
  11             text-decoration: none;
  12         }
  13     }
  14
  15     .sidebar {
  16         background-color: $sidebar-bg
  17         color: $sidebar-fg
  18     }
  19
  20     .chapter li {
  21         color: $sidebar-non-existant
  22
  23         a { color: $sidebar-fg }
  24
  25         .active,
  26          a:hover, {
  27             /* Animate color change */
  28             color: $sidebar-active
  29         }
  30     }
  31
  32     .chapter .spacer {
  33         background-color: $sidebar-spacer
  34     }
  35
  36     .menu-bar,
  37     .menu-bar:visited,
  38     .nav-chapters,
  39     .nav-chapters:visited,
  40     .mobile-nav-chapters,
  41     .mobile-nav-chapters:visited {
  42         color: $icons
  43     }
  44
  45     .menu-bar i:hover,
  46     .nav-chapters:hover,
  47     .mobile-nav-chapters i:hover {
  48         color: $icons-hover
  49     }
  50
  51     .mobile-nav-chapters i:hover {
  52         color: $sidebar-fg
  53     }
  54
  55     .mobile-nav-chapters {
  56         background-color: $sidebar-bg
  57     }
  58
  59     .content a:link, a:visited {
  60         color: $links
  61     }
  62
  63     .theme-popup {
  64         color: $fg
  65         background: $theme-popup-bg
  66         border: 1px solid $theme-popup-border
  67
  68         .theme:hover { background-color: $theme-hover }
  69
  70         .default { color: $icons }
  71     }
  72
  73     blockquote {
  74         margin: 20px 0;
  75         padding: 0 20px;
  76         color: $fg;
  77         background-color: $quote-bg;
  78         border-top: .1em solid $quote-border;
  79         border-bottom: .1em solid $quote-border;
  80     }
  81
  82
  83     table {
  84
  85         td {
  86             border-color: $table-border-color;
  87         }
  88
  89         // Alternate background colors for rows
  90         tbody tr:nth-child(2n) {
  91             background: $table-alternate-bg;
  92         }
  93
  94         thead {
  95             background: $table-header-bg;
  96             td { border: none; }
  97             tr { border: 1px $table-header-bg solid; }
  98         }
  99     }
 100
 101
 102     /* Inline code */
 103     :not(pre) > .hljs {
 104         display: inline-block;
 105         vertical-align: middle;
 106         padding: 0.1em 0.3em;
 107         border-radius: 3px;
 108     }
 109
 110     pre {
 111         position: relative;
 112
 113         & > .buttons {
 114             position: absolute;
 115             right: 5px;
 116             top: 5px;
 117
 118             color: $sidebar-fg;
 119             cursor: pointer;
 120
 121             :hover { color: $sidebar-active; }
 122             i { margin-left: 8px; }
 123         }
 124
 125         & > .result { margin-top: 10px; }
 126
 127     }
 128 }