Contents

%h2.semibold
  For sass we offer mixins for ...

.content-left
  %h3
    bootsrap, reset, normalize and headjs

  %pre.code
    = preserve do
      :escaped
        @import "bootstrap/variables"
        @import "bootstrap/mixins"
        @import "mixins/normalize"

        *
          font-family: 'Open SANS',sans-serif

        .content-left, .content-right
          +make-xs-column(12)
          +make-sm-column(6)

.content-right
  %h3
    css3 and helper mixins

  %pre.code
    = preserve do
      :escaped
        @import "mixins/css3"
        @import "mixins/helper"

        +headlines
          +text-shadow(1px, 1px, 3px, #555)

        h1
          +bold

        img
          +transition(all, .3s, ease-in-out)

.content-left
  %h3
    buttons

  %p
    .button.green
      green button
    .button.magenta
      magenta button

  %pre.code
    = preserve do
      :escaped
        @import "mixins/buttons"

        .button.magenta
          +make-magenta-button()
          +zoom-on-hover

.content-right
  %h3
    arrows

  %p
    .arrow-up
    .arrow-down

  %pre.code
    = preserve do
      :escaped
        @import "mixins/arrows"

        .arrow-up
          +arrow-up(60px, 20px, #62bc19)
          +inline-block

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
easy_html_generator-1.0.6	src/demo/views/index/_sass_mixins.haml
easy_html_generator-1.0.5	src/demo/views/index/_sass_mixins.haml