ging/social_stream

View on GitHub
base/app/assets/stylesheets/social_stream/base/frontpage_devise/_frontpage.css.sass

Summary

Maintainability
Test Coverage
#frontpage,
#new_session
  clear: both

  .explanation
    background-color: rgba(255, 255, 255, 0.8)
    border-left: 12px solid $principalColor
    .big
      font-size: 18px
      font-weight: bold
      line-height: 28px
    .lite
      color: #888
      font-family: $sansFontFamilyLight
      font-size: 15.5px
    .btn
      font-size: 15px
      @include btn-secundary

  #sign_in
    @include box-shadow(0px 0px 13px rgba(50, 50, 50, 0.15))
    @include border-radius (15px)
    background-color: $white
    color: #8c8c8c
    h3
      text-align: right
      font-size: 22px
    input
      &[type="email"],
      &[type="password"]
        background-color: #f6f6f6
      &[type="mail"]
        background-color: #f6f6f6
      &[type="mail"]
        background-color: #f6f6f6
    #remember
      font-size: 20px
      label
        font-size: 12px
    .options
      font-size: 12px




  #presentation
    border-top: 1px solid #eee
    background-color: $white
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 91%, rgba(255,255,255,0) 100%) /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(9%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(91%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))) /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 91%,rgba(255,255,255,0) 100%) /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 91%,rgba(255,255,255,0) 100%) /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 91%,rgba(255,255,255,0) 100%) /* IE10+ */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 91%,rgba(255,255,255,0) 100%) /* W3C */
    .characteristics
      @include border-radius (5px)
      header
        font-size: 19px
        text-align: center
        color: $gray
        border-bottom: 1px solid #ccc
      p
        font-size: 13px
        font-family: $sansFontFamilyLight
        color: #888