Contents

.header
  :padding 30px 0px
  :background #232323
  :border-bottom solid 1px #000
  :border-top solid 15px #000
  :color #fff
  
  .header-content
  
    .brand
      :display inline
      :float left
    
    .connect
      :display inline
      :float right
      :position relative
      :top 2px
      :text-align center
    
      .connect-text, .connect-buttons
        :display inline
        :float left
      
      .connect-text
        :font-size 30px
        :font-weight 100
        :margin-right 30px
        :margin-top 7px
            
      .connect-buttons
        img
          :margin-right 10px

.header-util
  :position fixed
  :width 100%
  :height 33px
  :z-index 2
  :background #333
  :color #fff
  :border-bottom solid 1px #000
  :border-top solid 8px #232323
  :margin-bottom 2px
  :box-shadow 0 0 1px rgba(0, 0, 0, 0.52)

  a, a:hover, a:visited
    :color #fff
    :text-decoration none

  .header-util-content

    .brand
      :float left
      :display inline
      a
        :display block
        :padding 0px 10px
      a:hover
        :background #232323
        
    .brand-links
      :display inline
      :float left
      :margin-left 10px

    .header-nav
      :float right
      :display inline
      
    ul.header-links
      li
        :display inline-block
        :float left
      
      a.nl
        :display inline-block
        :padding 1px 10px 0px 10px
        :vertical-align top
        :font-size 12px
        :color #ccc
        :font-weight 500
        :line-height 32px
        
        img 
          @include round
          :border solid 1px #000
          :margin-top 4px
        
        &.img-nl
          :line-height 16px
          :padding 0px 5px
    
      li:hover
        a.nl
          :background-color #232323 !important
          
.after-header
  :position relative
  :top 44px

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jmagee-ui-kit-0.0.2	app/assets/stylesheets/jmagee-ui-kit/header.sass