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

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

/* =================================  TAG  ================================= */
.tag:not(.icon)
  color: #fff
  font-weight: bold
  text-shadow: 0 1px rgba(0,0,0,0.25)
  &.count
    border-radius 0.3em
    background-color: DANGER
    box-shadow 0 0 1px rgba(0,0,0,0.25)

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


/* ===============================  EMPTY  =============================== */
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%)