wowserhq/wowser

View on GitHub
src/components/wowser/index.styl

Summary

Maintainability
Test Coverage
@import '~normalize.css'

@import './ui';

html, body
  width: 100%
  height: 100%
  overflow: hidden

*
  box-sizing: border-box

wowser
  display: flex
  align-items: center
  justify-content: center
  width: 100%
  height: 100%
  background: #222222
  font-family: Galdeano
  font-size: 13px
  color: #FFFFFF
  -webkit-font-smoothing: antialiased

  &:active
    cursor: none

  .branding
    position: absolute
    top: 10px
    right: 10px
    z-index: 4

    header
      width: 204px
      height: 47px
      background: url('./images/logo.png') no-repeat
      text-indent: -99999px

    .divider
      margin: 5px 0

    .slogan
      color: #FFCC00
      letter-spacing: .075em

  select.screen-selector
    position: absolute
    top: 100px
    right: 10px
    z-index: 4
    color: #000000