gistfile1.txt

// ---------------------------------------------------------------------------
// Imports
@import base


body
  font-family: $sans
  // +baseline-grid-background



// -------------------------------------------------------------------------
// Layout
header
  &#header
    background-color: #fff
    border-bottom: 1px solid #ddd
    +box-shadow(0 0 5px rgba(#000,.4))
    padding: 25px 0 20px 0

  #header-inner
    +container

    .logo
      +span-columns(3,12)

    nav.main-nav
      +span-columns(9 omega,12)
      padding: 50px 0 0 0

      ul
        float: right
        +inline-block-list

        li
          margin-right: 40px
          
          &:last-of-type
            margin-right: 0

          a
            text-decoration: none
            font:
              weight: bold
              size: 20px

          &.noticias
            a
              color: $noticias
          &.esportes
            a
              color: $esportes
          &.entretenimento
            a
              color: $entretenimento

#content
  #content-inner
    +container
    padding-top: 30px

    a
      text-decoration: none
      
      &:hover
        text-decoration: underline

    .destaques-categoria
      +span-columns(4, 12)
      +nth-omega(3n)

      h1
        font-size: 32px
        font-weight: bold
        text-transform: lowercase

      span.foto
        margin-top: 20px
        display: block
        
        span.foto-inner
          position: relative
          display: inline-block
          vertical-align: bottom
          
          &:after
            content: ""
            width: 100%
            height: 100%
            position: absolute
            top: 0
            left: 0
            +border-radius(5px)
            +box-shadow(inset 0 0 3px rgba(#000, .5))

        img
          +border-radius(5px)
          max-width: 100%
          display: block

      .destaque-secundario
        border-bottom: 1px dotted #ddd
        
        .conteudo
          font-weight: bold
          font-size: 18px
          
          p
            padding: 10px 0

      .destaque-terciario
        border-bottom: 1px dotted #ddd
        padding: 10px 0
        
        a
          display: block
          +pie-clearfix
          font-weight: bold

        span.foto
          margin-top: 0
          margin-right: 10px
          float: left


footer#footer
  background-color: #ddd
  
  #footer-inner
    +container
    font-size: 12px
    color: #888
    padding: 30px 0
    margin-top: 40px
    
    b
      font-weight: bold
    
    a
      color: #888
      text-decoration: none
      
      &:hover
        text-decoration: underline
        color: lighten(#888, 10%)

    #footer-logo
      width: 83px
      height: 28px
      +hide-text
      background: transparent image-url("logo-footer.png") 0 0 no-repeat




.area-noticias
  a
    color: $noticias
.area-esportes
  a
    color: $esportes
.area-entretenimento
  a
    color: $entretenimento