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

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

@import "__init.styl"

[data-control="pull"]
    text-shadow: 0 1px 0 #fff

/* =================================  TAG  ================================= */
.tag:not(.icon)
  color: #fff
  border-radius BORDER_radius
  font-weight: 700 !important
  &.count
    background-color: COLOR_theme
  header .count
    background-color: 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%)