sass do site tarrafahc.github.io

tarrafahc.sass

$bgColor: rgb(255, 255, 255)
$bgColorNavBar: rgb(255, 255, 255)

.grad
  background-color: #8d55fd
  background-image: -webkit-linear-gradient(top, hsl(0, 80%, 77%), #8d55fd)
  background-image: -moz-linear-gradient(top, hsl(0, 80%, 77%), #8d55fd)
  background-image: -ms-linear-gradient(top, hsl(0, 80%, 77%), #8d55fd)
  background-image: -o-linear-gradient(top, hsl(0, 80%, 77%), #8d55fd)
  background-image: linear-gradient(to bottom, hsl(0, 80%, 77%), #8d55fd)

html, body
  @extend .grad
  font: 13px/1.231 sans-serif
  *font-size: small
  background-color: #fafafa
  -webkit-text-size-adjust: 100%
  -ms-text-size-adjust: 100%
  text-size-adjust: 100%

pre, code, kbd, samp
  font-family: 'Inconsolata', monospace, sans-serif

a
  outline: none
  text-decoration: none
  &:hover, &:active, &:visited, &:link
    outline: none
    text-decoration: none

.shadow
  -moz-box-shadow: 0 0 6px rgb(49, 47, 43)
  -webkit-box-shadow: 0 0 6px rgb(49, 47, 43)
  box-shadow: 0 0 6px rgb(49, 47, 43)

.copyleft
  -moz-transform: scaleX(-1)
  -o-transform: scaleX(-1)
  -webkit-transform: scaleX(-1)
  transform: scaleX(-1)
  display: inline-block

.brand-logo-tarrafa
  -webkit-transform: rotate(33deg)
  -moz-transform: rotate(33deg)
  -ms-transform: rotate(33deg)
  -o-transform: rotate(33deg)
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
  position: absolute
  margin-top: -45px

.piece
  font-family: 'Inconsolata', monospace, sans-serif
  display: inline
  font-size: 12px
  font-weight: bold
  line-height: 2.5
  text-align: center
  white-space: nowrap
  vertical-align: baseline
  margin: 2px 3px auto auto
  display: inline !important
  border-radius: 5px
  padding-left: 5px
  padding-right: 5px
  margin-left: 5px
  text-decoration: none

.notations-block
  border-bottom: 2px solid rgba(0, 39, 59, 0.65)
  color: #aaaaaa
  padding: 10px 0px
  font-size: 10px

.tag-piece
  @extend .piece
  background-color: rgba(48, 156, 64, 0.25)
  border-left: 4px solid #309C40
  color: #309C40

.author-piece
  @extend .piece
  background-color: rgba(0, 151, 142, 0.25)
  border-left: 4px solid #00978E
  color: #00978E

.cloud
  padding: 2px
  line-height: 3em
  text-align: center
  margin: 0

.tag-cloud-piece
  @extend .piece
  background-color: rgba(48, 156, 64, 0.25)
  border-left: 4px solid #309C40
  color: #309C40

#wrap-content
  @extend .shadow
  background-color: $bgColor
  max-width: 660px
  min-height: 100%
  height: auto !important
  height: 100%
  margin-top: 25px
  padding-top: 25px
  margin-bottom: 25px
  padding-bottom: 25px
  padding-left: 15px
  padding-right: 15px

#masthead
  min-height: 270px
  background-color: rgb(49, 47, 43)
  color: #ddeedd
  padding: 130px 30px 30px 15%

.widget-wrapper
  @extend .shadow
  background-color: $bgColor
  margin: 25px 0 20px
  padding: 20px 25px
  min-width: 320px
  h3, h4, h5
    text-align: center
    padding-bottom: 4.5%

ul.list-unstyled li:before
  @extend .piece
  font: bold 65%/1.5 'Inconsolata', monospace, sans-serif
  margin-left: 20px
  content: "#"

.section-associado
  padding-top: 55px
  padding-bottom: 55px

.cartao-tarrafahc
  background-color: #fed500
  max-width: 200px
  max-height: 100px
  font-size: 8px

.logo-cartao
  padding: 15%

#map-canvas
  height: 480px
  width: 320px