Contents

=zocial-lite
  +zocial-facebook
  +zocial-github
  +zocial-googleplus
  +zocial-rss
  +zocial-smashingmag
  +zocial-twitter

// Open Source - Sorted A-Z
=zocial-facebook
  .zocial.facebook
    background: #4863AE
    &> span:before
      content: "f"

=zocial-github
  .zocial.github
    @extend .adjustment-1
    color: #050505 !important
    background: #FBFBFB
    &:hover > span, &:focus > span
      @extend .adjustment-2
    &:active > span
      @extend .adjustment-3
    & > span:before
      content: "g"

=zocial-googleplus
  .zocial.googleplus
    background: #282626
    &:before
      content: ""
      display: block
      height: 0.2em
      margin-bottom: -0.1em
      width: 100%
      position: relative
      left: 0em
      top: 0
      +background(linear-gradient(left, #d20e1b, #d20e1b 25%, #3156e6 25%, #3156e6 50%, #2aa134 50%, #2aa134 75%, #ecb01b 75%, #ecb01b))
      +border-radius(0.2em 0.2em 0 0)
      border-bottom: 1px solid rgba(#000,.8)
      +box-shadow(inset 0 0.063em 0 rgba(#fff,.4), inset 0 0 0.063em rgba(#fff,.6), 0 0.063em 0 rgba(#fff,.3))
      z-index: 0
    & > span:before
      content: "+"

=zocial-rss
  .zocial.rss
    background: #FF7F25
    & > span:before
      content: "R"

=zocial-smashingmag
  .zocial.smashingmag
    background: #FF4F27
    & > span:before
      content: "*"

=zocial-twitter
  .zocial.twitter
    @extend .adjustment-1
    background: #E9F9FF
    color: #3C6B9C !important
    &:focus > span
      @extend .adjustment-2
    &:active > span
      @extend .adjustment-3
    & > span:before
      content: "T"

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
zocial-0.0.2	stylesheets/partials/_lite.sass