font_awesome_rails_sass 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +17 -0
 - data/Gemfile +4 -0
 - data/LICENSE.txt +22 -0
 - data/README.md +29 -0
 - data/Rakefile +1 -0
 - data/app/assets/fonts/font-awesome/FontAwesome.otf +0 -0
 - data/app/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
 - data/app/assets/fonts/font-awesome/fontawesome-webfont.svg +399 -0
 - data/app/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
 - data/app/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
 - data/app/assets/stylesheets/font-awesome/_bootstrap.css.sass +84 -0
 - data/app/assets/stylesheets/font-awesome/_core.css.sass +115 -0
 - data/app/assets/stylesheets/font-awesome/_extras.css.sass +100 -0
 - data/app/assets/stylesheets/font-awesome/_icons.css.sass +1102 -0
 - data/app/assets/stylesheets/font-awesome/_mixins.css.sass +42 -0
 - data/app/assets/stylesheets/font-awesome/_path.css.sass +11 -0
 - data/app/assets/stylesheets/font-awesome/_variables.css.sass +732 -0
 - data/app/assets/stylesheets/font-awesome/font-awesome-ie7.scss +1953 -0
 - data/app/assets/stylesheets/font-awesome/font-awesome.css.sass +33 -0
 - data/font_awesome_rails_sass.gemspec +26 -0
 - data/lib/font_awesome_rails_sass/engine.rb +4 -0
 - data/lib/font_awesome_rails_sass/version.rb +3 -0
 - data/lib/font_awesome_rails_sass.rb +6 -0
 - metadata +133 -0
 
| 
         Binary file 
     | 
| 
         Binary file 
     | 
| 
         @@ -0,0 +1,84 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /* BOOTSTRAP SPECIFIC CLASSES
         
     | 
| 
      
 2 
     | 
    
         
            +
             * -------------------------- */
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            // Bootstrap 2.0 sprites.less reset
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            [class^="icon-"],
         
     | 
| 
      
 7 
     | 
    
         
            +
            [class*=" icon-"]
         
     | 
| 
      
 8 
     | 
    
         
            +
              display: inline
         
     | 
| 
      
 9 
     | 
    
         
            +
              width: auto
         
     | 
| 
      
 10 
     | 
    
         
            +
              height: auto
         
     | 
| 
      
 11 
     | 
    
         
            +
              line-height: normal
         
     | 
| 
      
 12 
     | 
    
         
            +
              vertical-align: baseline
         
     | 
| 
      
 13 
     | 
    
         
            +
              background-image: none
         
     | 
| 
      
 14 
     | 
    
         
            +
              background-position: 0% 0%
         
     | 
| 
      
 15 
     | 
    
         
            +
              background-repeat: repeat
         
     | 
| 
      
 16 
     | 
    
         
            +
              margin-top: 0
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            // more sprites.less reset
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            .icon-white,
         
     | 
| 
      
 21 
     | 
    
         
            +
            .nav-pills > .active > a > [class^="icon-"],
         
     | 
| 
      
 22 
     | 
    
         
            +
            .nav-pills > .active > a > [class*=" icon-"],
         
     | 
| 
      
 23 
     | 
    
         
            +
            .nav-list > .active > a > [class^="icon-"],
         
     | 
| 
      
 24 
     | 
    
         
            +
            .nav-list > .active > a > [class*=" icon-"],
         
     | 
| 
      
 25 
     | 
    
         
            +
            .navbar-inverse .nav > .active > a > [class^="icon-"],
         
     | 
| 
      
 26 
     | 
    
         
            +
            .navbar-inverse .nav > .active > a > [class*=" icon-"],
         
     | 
| 
      
 27 
     | 
    
         
            +
            .dropdown-menu > li > a:hover > [class^="icon-"],
         
     | 
| 
      
 28 
     | 
    
         
            +
            .dropdown-menu > li > a:hover > [class*=" icon-"],
         
     | 
| 
      
 29 
     | 
    
         
            +
            .dropdown-menu > .active > a > [class^="icon-"],
         
     | 
| 
      
 30 
     | 
    
         
            +
            .dropdown-menu > .active > a > [class*=" icon-"],
         
     | 
| 
      
 31 
     | 
    
         
            +
            .dropdown-submenu:hover > a > [class^="icon-"],
         
     | 
| 
      
 32 
     | 
    
         
            +
            .dropdown-submenu:hover > a > [class*=" icon-"]
         
     | 
| 
      
 33 
     | 
    
         
            +
              background-image: none
         
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
            // keeps Bootstrap styles with and without icons the same
         
     | 
| 
      
 36 
     | 
    
         
            +
            .btn, .nav
         
     | 
| 
      
 37 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 38 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 39 
     | 
    
         
            +
                //    display: inline;
         
     | 
| 
      
 40 
     | 
    
         
            +
                &.icon-large
         
     | 
| 
      
 41 
     | 
    
         
            +
                  line-height: .9em
         
     | 
| 
      
 42 
     | 
    
         
            +
                &.icon-spin
         
     | 
| 
      
 43 
     | 
    
         
            +
                  display: inline-block
         
     | 
| 
      
 44 
     | 
    
         
            +
             
     | 
| 
      
 45 
     | 
    
         
            +
            .nav-tabs, .nav-pills
         
     | 
| 
      
 46 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 47 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 48 
     | 
    
         
            +
                &, &.icon-large
         
     | 
| 
      
 49 
     | 
    
         
            +
                  line-height: .9em
         
     | 
| 
      
 50 
     | 
    
         
            +
             
     | 
| 
      
 51 
     | 
    
         
            +
            .btn
         
     | 
| 
      
 52 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 53 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 54 
     | 
    
         
            +
                &.pull-left, &.pull-right
         
     | 
| 
      
 55 
     | 
    
         
            +
                  &.icon-2x
         
     | 
| 
      
 56 
     | 
    
         
            +
                    margin-top: .18em
         
     | 
| 
      
 57 
     | 
    
         
            +
                &.icon-spin.icon-large
         
     | 
| 
      
 58 
     | 
    
         
            +
                  line-height: .8em
         
     | 
| 
      
 59 
     | 
    
         
            +
             
     | 
| 
      
 60 
     | 
    
         
            +
            .btn.btn-small
         
     | 
| 
      
 61 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 62 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 63 
     | 
    
         
            +
                &.pull-left, &.pull-right
         
     | 
| 
      
 64 
     | 
    
         
            +
                  &.icon-2x
         
     | 
| 
      
 65 
     | 
    
         
            +
                    margin-top: .25em
         
     | 
| 
      
 66 
     | 
    
         
            +
             
     | 
| 
      
 67 
     | 
    
         
            +
            .btn.btn-large
         
     | 
| 
      
 68 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 69 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 70 
     | 
    
         
            +
                margin-top: 0
         
     | 
| 
      
 71 
     | 
    
         
            +
                // overrides bootstrap default
         
     | 
| 
      
 72 
     | 
    
         
            +
                &.pull-left, &.pull-right
         
     | 
| 
      
 73 
     | 
    
         
            +
                  &.icon-2x
         
     | 
| 
      
 74 
     | 
    
         
            +
                    margin-top: .05em
         
     | 
| 
      
 75 
     | 
    
         
            +
                &.pull-left.icon-2x
         
     | 
| 
      
 76 
     | 
    
         
            +
                  margin-right: .2em
         
     | 
| 
      
 77 
     | 
    
         
            +
                &.pull-right.icon-2x
         
     | 
| 
      
 78 
     | 
    
         
            +
                  margin-left: .2em
         
     | 
| 
      
 79 
     | 
    
         
            +
             
     | 
| 
      
 80 
     | 
    
         
            +
            // Fixes alignment in nav lists
         
     | 
| 
      
 81 
     | 
    
         
            +
             
     | 
| 
      
 82 
     | 
    
         
            +
            .nav-list [class^="icon-"],
         
     | 
| 
      
 83 
     | 
    
         
            +
            .nav-list [class*=" icon-"]
         
     | 
| 
      
 84 
     | 
    
         
            +
              line-height: inherit
         
     | 
| 
         @@ -0,0 +1,115 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /* FONT AWESOME CORE
         
     | 
| 
      
 2 
     | 
    
         
            +
             * -------------------------- */
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            [class^="icon-"],
         
     | 
| 
      
 5 
     | 
    
         
            +
            [class*=" icon-"]
         
     | 
| 
      
 6 
     | 
    
         
            +
              +icon-FontAwesome
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            [class^="icon-"]:before,
         
     | 
| 
      
 9 
     | 
    
         
            +
            [class*=" icon-"]:before
         
     | 
| 
      
 10 
     | 
    
         
            +
              text-decoration: inherit
         
     | 
| 
      
 11 
     | 
    
         
            +
              display: inline-block
         
     | 
| 
      
 12 
     | 
    
         
            +
              speak: none
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            // makes the font 33% larger relative to the icon container
         
     | 
| 
      
 15 
     | 
    
         
            +
            .icon-large:before
         
     | 
| 
      
 16 
     | 
    
         
            +
              vertical-align: -10%
         
     | 
| 
      
 17 
     | 
    
         
            +
              font-size: (4em / 3)
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            // makes sure icons active on rollover in links
         
     | 
| 
      
 20 
     | 
    
         
            +
            a
         
     | 
| 
      
 21 
     | 
    
         
            +
              [class^="icon-"],
         
     | 
| 
      
 22 
     | 
    
         
            +
              [class*=" icon-"]
         
     | 
| 
      
 23 
     | 
    
         
            +
                display: inline
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            // increased font size for icon-large
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            [class^="icon-"],
         
     | 
| 
      
 28 
     | 
    
         
            +
            [class*=" icon-"]
         
     | 
| 
      
 29 
     | 
    
         
            +
              &.icon-fixed-width
         
     | 
| 
      
 30 
     | 
    
         
            +
                display: inline-block
         
     | 
| 
      
 31 
     | 
    
         
            +
                width: (16em / 14)
         
     | 
| 
      
 32 
     | 
    
         
            +
                text-align: right
         
     | 
| 
      
 33 
     | 
    
         
            +
                padding-right: (4em / 14)
         
     | 
| 
      
 34 
     | 
    
         
            +
                &.icon-large
         
     | 
| 
      
 35 
     | 
    
         
            +
                  width: (20em / 14)
         
     | 
| 
      
 36 
     | 
    
         
            +
             
     | 
| 
      
 37 
     | 
    
         
            +
            .icons-ul
         
     | 
| 
      
 38 
     | 
    
         
            +
              margin-left: $icons-li-width
         
     | 
| 
      
 39 
     | 
    
         
            +
              list-style-type: none
         
     | 
| 
      
 40 
     | 
    
         
            +
              > li
         
     | 
| 
      
 41 
     | 
    
         
            +
                position: relative
         
     | 
| 
      
 42 
     | 
    
         
            +
              .icon-li
         
     | 
| 
      
 43 
     | 
    
         
            +
                position: absolute
         
     | 
| 
      
 44 
     | 
    
         
            +
                left: -$icons-li-width
         
     | 
| 
      
 45 
     | 
    
         
            +
                width: $icons-li-width
         
     | 
| 
      
 46 
     | 
    
         
            +
                text-align: center
         
     | 
| 
      
 47 
     | 
    
         
            +
                line-height: inherit
         
     | 
| 
      
 48 
     | 
    
         
            +
             
     | 
| 
      
 49 
     | 
    
         
            +
            // allows usage of the hide class directly on font awesome icons
         
     | 
| 
      
 50 
     | 
    
         
            +
             
     | 
| 
      
 51 
     | 
    
         
            +
            [class^="icon-"],
         
     | 
| 
      
 52 
     | 
    
         
            +
            [class*=" icon-"]
         
     | 
| 
      
 53 
     | 
    
         
            +
              &.hide
         
     | 
| 
      
 54 
     | 
    
         
            +
                display: none
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
            .icon-muted
         
     | 
| 
      
 57 
     | 
    
         
            +
              color: $iconMuted
         
     | 
| 
      
 58 
     | 
    
         
            +
             
     | 
| 
      
 59 
     | 
    
         
            +
            .icon-light
         
     | 
| 
      
 60 
     | 
    
         
            +
              color: $iconLight
         
     | 
| 
      
 61 
     | 
    
         
            +
             
     | 
| 
      
 62 
     | 
    
         
            +
            .icon-dark
         
     | 
| 
      
 63 
     | 
    
         
            +
              color: $iconDark
         
     | 
| 
      
 64 
     | 
    
         
            +
             
     | 
| 
      
 65 
     | 
    
         
            +
            // Icon Borders
         
     | 
| 
      
 66 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 67 
     | 
    
         
            +
             
     | 
| 
      
 68 
     | 
    
         
            +
            .icon-border
         
     | 
| 
      
 69 
     | 
    
         
            +
              border: solid 1px $borderColor
         
     | 
| 
      
 70 
     | 
    
         
            +
              padding: .2em .25em .15em
         
     | 
| 
      
 71 
     | 
    
         
            +
              +border-radius(3px)
         
     | 
| 
      
 72 
     | 
    
         
            +
             
     | 
| 
      
 73 
     | 
    
         
            +
            // Icon Sizes
         
     | 
| 
      
 74 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 75 
     | 
    
         
            +
             
     | 
| 
      
 76 
     | 
    
         
            +
            .icon-2x
         
     | 
| 
      
 77 
     | 
    
         
            +
              font-size: 2em
         
     | 
| 
      
 78 
     | 
    
         
            +
              &.icon-border
         
     | 
| 
      
 79 
     | 
    
         
            +
                border-width: 2px
         
     | 
| 
      
 80 
     | 
    
         
            +
                +border-radius(4px)
         
     | 
| 
      
 81 
     | 
    
         
            +
             
     | 
| 
      
 82 
     | 
    
         
            +
            .icon-3x
         
     | 
| 
      
 83 
     | 
    
         
            +
              font-size: 3em
         
     | 
| 
      
 84 
     | 
    
         
            +
              &.icon-border
         
     | 
| 
      
 85 
     | 
    
         
            +
                border-width: 3px
         
     | 
| 
      
 86 
     | 
    
         
            +
                +border-radius(5px)
         
     | 
| 
      
 87 
     | 
    
         
            +
             
     | 
| 
      
 88 
     | 
    
         
            +
            .icon-4x
         
     | 
| 
      
 89 
     | 
    
         
            +
              font-size: 4em
         
     | 
| 
      
 90 
     | 
    
         
            +
              &.icon-border
         
     | 
| 
      
 91 
     | 
    
         
            +
                border-width: 4px
         
     | 
| 
      
 92 
     | 
    
         
            +
                +border-radius(6px)
         
     | 
| 
      
 93 
     | 
    
         
            +
             
     | 
| 
      
 94 
     | 
    
         
            +
            .icon-5x
         
     | 
| 
      
 95 
     | 
    
         
            +
              font-size: 5em
         
     | 
| 
      
 96 
     | 
    
         
            +
              &.icon-border
         
     | 
| 
      
 97 
     | 
    
         
            +
                border-width: 5px
         
     | 
| 
      
 98 
     | 
    
         
            +
                +border-radius(7px)
         
     | 
| 
      
 99 
     | 
    
         
            +
             
     | 
| 
      
 100 
     | 
    
         
            +
            // Floats & Margins
         
     | 
| 
      
 101 
     | 
    
         
            +
            // -------------------------
         
     | 
| 
      
 102 
     | 
    
         
            +
             
     | 
| 
      
 103 
     | 
    
         
            +
            // Quick floats
         
     | 
| 
      
 104 
     | 
    
         
            +
            .pull-right
         
     | 
| 
      
 105 
     | 
    
         
            +
              float: right
         
     | 
| 
      
 106 
     | 
    
         
            +
             
     | 
| 
      
 107 
     | 
    
         
            +
            .pull-left
         
     | 
| 
      
 108 
     | 
    
         
            +
              float: left
         
     | 
| 
      
 109 
     | 
    
         
            +
             
     | 
| 
      
 110 
     | 
    
         
            +
            [class^="icon-"],
         
     | 
| 
      
 111 
     | 
    
         
            +
            [class*=" icon-"]
         
     | 
| 
      
 112 
     | 
    
         
            +
              &.pull-left
         
     | 
| 
      
 113 
     | 
    
         
            +
                margin-right: .3em
         
     | 
| 
      
 114 
     | 
    
         
            +
              &.pull-right
         
     | 
| 
      
 115 
     | 
    
         
            +
                margin-left: .3em
         
     | 
| 
         @@ -0,0 +1,100 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /* EXTRAS
         
     | 
| 
      
 2 
     | 
    
         
            +
             * -------------------------- */
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            // Stacked and layered icon
         
     | 
| 
      
 5 
     | 
    
         
            +
            +icon-stack
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            // Animated rotating icon
         
     | 
| 
      
 8 
     | 
    
         
            +
            .icon-spin
         
     | 
| 
      
 9 
     | 
    
         
            +
              display: inline-block
         
     | 
| 
      
 10 
     | 
    
         
            +
              -moz-animation: spin 2s infinite linear
         
     | 
| 
      
 11 
     | 
    
         
            +
              -o-animation: spin 2s infinite linear
         
     | 
| 
      
 12 
     | 
    
         
            +
              -webkit-animation: spin 2s infinite linear
         
     | 
| 
      
 13 
     | 
    
         
            +
              animation: spin 2s infinite linear
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            // Prevent stack and spinners from being taken inline when inside a link
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            a .icon-stack,
         
     | 
| 
      
 18 
     | 
    
         
            +
            a .icon-spin
         
     | 
| 
      
 19 
     | 
    
         
            +
              display: inline-block
         
     | 
| 
      
 20 
     | 
    
         
            +
              text-decoration: none
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            @-moz-keyframes spin
         
     | 
| 
      
 23 
     | 
    
         
            +
              0%
         
     | 
| 
      
 24 
     | 
    
         
            +
                -moz-transform: rotate(0deg)
         
     | 
| 
      
 25 
     | 
    
         
            +
              100%
         
     | 
| 
      
 26 
     | 
    
         
            +
                -moz-transform: rotate(359deg)
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            @-webkit-keyframes spin
         
     | 
| 
      
 30 
     | 
    
         
            +
              0%
         
     | 
| 
      
 31 
     | 
    
         
            +
                -webkit-transform: rotate(0deg)
         
     | 
| 
      
 32 
     | 
    
         
            +
              100%
         
     | 
| 
      
 33 
     | 
    
         
            +
                -webkit-transform: rotate(359deg)
         
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            @-o-keyframes spin
         
     | 
| 
      
 37 
     | 
    
         
            +
              0%
         
     | 
| 
      
 38 
     | 
    
         
            +
                -o-transform: rotate(0deg)
         
     | 
| 
      
 39 
     | 
    
         
            +
              100%
         
     | 
| 
      
 40 
     | 
    
         
            +
                -o-transform: rotate(359deg)
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
             
     | 
| 
      
 43 
     | 
    
         
            +
            @-ms-keyframes spin
         
     | 
| 
      
 44 
     | 
    
         
            +
              0%
         
     | 
| 
      
 45 
     | 
    
         
            +
                -ms-transform: rotate(0deg)
         
     | 
| 
      
 46 
     | 
    
         
            +
              100%
         
     | 
| 
      
 47 
     | 
    
         
            +
                -ms-transform: rotate(359deg)
         
     | 
| 
      
 48 
     | 
    
         
            +
             
     | 
| 
      
 49 
     | 
    
         
            +
             
     | 
| 
      
 50 
     | 
    
         
            +
            @keyframes spin
         
     | 
| 
      
 51 
     | 
    
         
            +
              0%
         
     | 
| 
      
 52 
     | 
    
         
            +
                transform: rotate(0deg)
         
     | 
| 
      
 53 
     | 
    
         
            +
              100%
         
     | 
| 
      
 54 
     | 
    
         
            +
                transform: rotate(359deg)
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
             
     | 
| 
      
 57 
     | 
    
         
            +
            // Icon rotations and mirroring
         
     | 
| 
      
 58 
     | 
    
         
            +
            .icon-rotate-90:before
         
     | 
| 
      
 59 
     | 
    
         
            +
              -webkit-transform: rotate(90deg)
         
     | 
| 
      
 60 
     | 
    
         
            +
              -moz-transform: rotate(90deg)
         
     | 
| 
      
 61 
     | 
    
         
            +
              -ms-transform: rotate(90deg)
         
     | 
| 
      
 62 
     | 
    
         
            +
              -o-transform: rotate(90deg)
         
     | 
| 
      
 63 
     | 
    
         
            +
              transform: rotate(90deg)
         
     | 
| 
      
 64 
     | 
    
         
            +
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
         
     | 
| 
      
 65 
     | 
    
         
            +
             
     | 
| 
      
 66 
     | 
    
         
            +
            .icon-rotate-180:before
         
     | 
| 
      
 67 
     | 
    
         
            +
              -webkit-transform: rotate(180deg)
         
     | 
| 
      
 68 
     | 
    
         
            +
              -moz-transform: rotate(180deg)
         
     | 
| 
      
 69 
     | 
    
         
            +
              -ms-transform: rotate(180deg)
         
     | 
| 
      
 70 
     | 
    
         
            +
              -o-transform: rotate(180deg)
         
     | 
| 
      
 71 
     | 
    
         
            +
              transform: rotate(180deg)
         
     | 
| 
      
 72 
     | 
    
         
            +
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
         
     | 
| 
      
 73 
     | 
    
         
            +
             
     | 
| 
      
 74 
     | 
    
         
            +
            .icon-rotate-270:before
         
     | 
| 
      
 75 
     | 
    
         
            +
              -webkit-transform: rotate(270deg)
         
     | 
| 
      
 76 
     | 
    
         
            +
              -moz-transform: rotate(270deg)
         
     | 
| 
      
 77 
     | 
    
         
            +
              -ms-transform: rotate(270deg)
         
     | 
| 
      
 78 
     | 
    
         
            +
              -o-transform: rotate(270deg)
         
     | 
| 
      
 79 
     | 
    
         
            +
              transform: rotate(270deg)
         
     | 
| 
      
 80 
     | 
    
         
            +
              filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
         
     | 
| 
      
 81 
     | 
    
         
            +
             
     | 
| 
      
 82 
     | 
    
         
            +
            .icon-flip-horizontal:before
         
     | 
| 
      
 83 
     | 
    
         
            +
              -webkit-transform: scale(-1, 1)
         
     | 
| 
      
 84 
     | 
    
         
            +
              -moz-transform: scale(-1, 1)
         
     | 
| 
      
 85 
     | 
    
         
            +
              -ms-transform: scale(-1, 1)
         
     | 
| 
      
 86 
     | 
    
         
            +
              -o-transform: scale(-1, 1)
         
     | 
| 
      
 87 
     | 
    
         
            +
              transform: scale(-1, 1)
         
     | 
| 
      
 88 
     | 
    
         
            +
             
     | 
| 
      
 89 
     | 
    
         
            +
            .icon-flip-vertical:before
         
     | 
| 
      
 90 
     | 
    
         
            +
              -webkit-transform: scale(1, -1)
         
     | 
| 
      
 91 
     | 
    
         
            +
              -moz-transform: scale(1, -1)
         
     | 
| 
      
 92 
     | 
    
         
            +
              -ms-transform: scale(1, -1)
         
     | 
| 
      
 93 
     | 
    
         
            +
              -o-transform: scale(1, -1)
         
     | 
| 
      
 94 
     | 
    
         
            +
              transform: scale(1, -1)
         
     | 
| 
      
 95 
     | 
    
         
            +
             
     | 
| 
      
 96 
     | 
    
         
            +
            // ensure rotation occurs inside anchor tags
         
     | 
| 
      
 97 
     | 
    
         
            +
            a
         
     | 
| 
      
 98 
     | 
    
         
            +
              .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical
         
     | 
| 
      
 99 
     | 
    
         
            +
                &:before
         
     | 
| 
      
 100 
     | 
    
         
            +
                  display: inline-block
         
     |