gistfile1.txt

/* custom extends start */
.view-header .button {
  /* $header-icon-color */
  color: $header-icon-color;
}

.view-header {
  background-color: $header-background-color;
  border-bottom: $header-bottom-border-size solid $header-accent-color;
}

.view-header {
  /* %header-font */
  color: $header-font-color;
  font-family: $header-font-family;
  font-weight: $header-font-weight;
  font-style: $header-font-style;
  text-decoration: $header-font-text-decoration;
  text-transform: $header-font-text-transform;
  letter-spacing: $header-font-letter-spacing;
}

.view-menu .menu-container, .view-sharing .sharing-container {
  /* $menu-background-color */
  background-color: $menu-background-color;
}

.view-menu .toc li.tap-highlight, .view-sharing .sharing-container .sharing-menu ul li.tap-highlight, html.device-desktop .view-menu .toc li:hover, .view-menu .toc html.device-desktop li:hover, html.device-desktop .view-sharing .sharing-container .sharing-menu ul li:hover, .view-sharing .sharing-container .sharing-menu ul html.device-desktop li:hover, .view-sharing .sharing-container .sharing-menu ul li a:hover {
  /* $menu-select-color */
  background-color: $menu-select-color;
}

.view-menu .menu-container, .view-sharing .sharing-container {
  /* %menu-font */
  color: $menu-font-color;
  font-family: $menu-font-family;
  font-weight: $menu-font-weight;
  font-style: $menu-font-style;
  text-decoration: $menu-font-text-decoration;
  text-transform: $menu-font-text-transform;
  letter-spacing: $menu-font-letter-spacing;
}

html.device-tablet #orientation-change-overlay, .main-container .stream-container, html.device-tablet .main-container .stream-container .view-stream .grid-layout {
  /* $stream-background-color */
  background-color: $stream-background-color;
}

html {
  /* %body-font */
  color: $body-font-color;
  font-family: $body-font-family;
  font-weight: $body-font-weight;
  font-style: $body-font-style;
  text-decoration: $body-font-text-decoration;
  text-transform: $body-font-text-transform;
  line-height: $body-font-line-height;
  letter-spacing: $body-font-letter-spacing;
}
html p {
  margin: 0 0 #{$body-font-line-height}em 0;
}

h1, h2, h3, h4, h5, h6, .byline {
  /* %headline-font */
  color: $headline-font-color;
  font-family: $headline-font-family;
  font-weight: $headline-font-weight;
  font-style: $headline-font-style;
  text-decoration: $headline-font-text-decoration;
  text-transform: $headline-font-text-transform;
  line-height: $headline-font-line-height;
  letter-spacing: $headline-font-letter-spacing;
}

.byline {
  /* %detail font */
  color: $detail-font-color;
  font-family: $detail-font-family;
  font-weight: $detail-font-weight;
  font-style: $detail-font-style;
  text-decoration: $detail-font-text-decoration;
  text-transform: $detail-font-text-transform;
  line-height: $detail-font-line-height;
  letter-spacing: $detail-font-letter-spacing;
}

.view-stream article .content-container .link-url {
  /* $link-font-color */
  color: $link-font-color;
}

a {
  /* %link-font */
  color: $link-font-color;
  font-weight: $link-font-weight;
  font-style: $link-font-style;
  text-decoration: $link-font-text-decoration;
  text-transform: $link-font-text-transform;
}

.view-loading {
  /* $cover-background-color */
  background-color: $cover-background-color;
}

html.device-tablet .view-stream article.audio .content-container .username, html.device-desktop .view-stream article.audio .content-container .username {
  /* $body-font-color */
  color: $body-font-color;
}

html.device-tablet .view-stream article.link .content-container .byline .chain, html.device-desktop .view-stream article.link .content-container .byline .chain, html.device-smartphone .view-stream article.link .content-container .byline .chain {
  /* $body-font-color */
  color: $body-font-color;
}



/* custom extends end */