Lungo.js/src/stylesheets/theme/firefoxos/theme.widget.styl

/**
 * Stylesheet
 *
 * @namespace Lungo.Theme
 * @class Layout
 *
 * @author Javier Jimenez Villar <javi@tapquo.com> || @soyjavi
 */

/* =================================  TAG  ================================= */
.tag:not(.icon)
  color: #fff
  border-radius BORDER_radius
  font-weight: 700 !important
  &.count
    background-color: THEME
  header .count
    background-color: THEME-dark !important
  footer &
    box-shadow inset 0 1px 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.5)

/* ===============================  MESSAGE  =============================== */
body > section > article > .empty
  & > .icon, > strong, > small
    text-shadow: 0 1px 0 lighten(BACKGROUND, 95%)
  & > .icon, > small
    color: darken(BACKGROUND, 20%)
  & > strong
    color: darken(BACKGROUND, 40%)

/* =================================  PULL  =============================== */
body > section > [data-control="pull"]
  background-color: darken(BACKGROUND, 15%)
  color: darken(BACKGROUND, 50%)
  text-shadow: 0 1px 1px BACKGROUND
  & > strong
    font-weight: 700
  &.rotate
    color: darken(BACKGROUND, 75%)