bootstrap_sass_rails 0.0.1

data/app/assets/stylesheets/bootstrap/_forms.css.sass

@@ -0,0 +1,309 @@
+//
+// Forms
+// --------------------------------------------------
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset
+  padding: 0
+  margin: 0
+  border: 0
+
+legend
+  display: block
+  width: 100%
+  padding: 0
+  margin-bottom: $line-height-computed
+  font-size: $font-size-base * 1.5
+  line-height: inherit
+  color: $legend-color
+  border: 0
+  border-bottom: 1px solid $legend-border-color
+
+label
+  display: inline-block
+  margin-bottom: 5px
+  font-weight: bold
+
+// Normalize form controls
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type="search"]
+  +box-sizing(border-box)
+
+// Position radios and checkboxes better
+
+input[type="radio"],
+input[type="checkbox"]
+  margin: 4px 0 0
+  margin-top: 1px \9
+  /* IE8-9
+  line-height: normal
+
+// Set the height of select and file controls to match text inputs
+input[type="file"]
+  display: block
+
+// Make multiple select elements height not fixed
+
+select[multiple],
+select[size]
+  height: auto
+
+// Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
+select optgroup
+  font-size: inherit
+  font-style: inherit
+  font-family: inherit
+
+// Focus for select, file, radio, and checkbox
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus
+  +tab-focus
+
+// Fix for Chrome number input
+// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
+// See https://github.com/twbs/bootstrap/issues/8350 for more.
+input[type="number"]
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button
+    height: auto
+
+// Placeholder
+//
+// Placeholder text gets special styles because when browsers invalidate entire
+// lines if it doesn't understand a selector/
+.form-control
+  +placeholder
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+// select
+// textarea
+// input[type="text"]
+// input[type="password"]
+// input[type="datetime"]
+// input[type="datetime-local"]
+// input[type="date"]
+// input[type="month"]
+// input[type="time"]
+// input[type="week"]
+// input[type="number"]
+// input[type="email"]
+// input[type="url"]
+// input[type="search"]
+// input[type="tel"]
+// input[type="color"]
+
+.form-control
+  display: block
+  width: 100%
+  height: $input-height-base
+  // Make inputs at least the height of their button counterpart (base line-height + padding + border)
+  padding: $padding-base-vertical $padding-base-horizontal
+  font-size: $font-size-base
+  line-height: $line-height-base
+  color: $input-color
+  vertical-align: middle
+  background-color: $input-bg
+  border: 1px solid $input-border
+  border-radius: $input-border-radius
+  +box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075))
+  +transition(border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s)
+  // Customize the `:focus` state to imitate native WebKit styles.
+  +form-control-focus
+  // Disabled and read-only inputs
+  // Note: HTML5 says that controls under a fieldset > legend:first-child won't
+  // be disabled if the fieldset is disabled. Due to implementation difficulty,
+  // we don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] &
+    cursor: not-allowed
+    background-color: $input-bg-disabled
+
+// Reset height for `textarea`s
+textarea.form-control
+  height: auto
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+
+.form-group
+  margin-bottom: 15px
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox
+  display: block
+  min-height: $line-height-computed
+  // clear the floating input if there is no label text
+  margin-top: 10px
+  margin-bottom: 10px
+  padding-left: 20px
+  vertical-align: middle
+  label
+    display: inline
+    margin-bottom: 0
+    font-weight: normal
+    cursor: pointer
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"]
+  float: left
+  margin-left: -20px
+
+.radio + .radio,
+.checkbox + .checkbox
+  margin-top: -5px
+  // Move up sibling radios or checkboxes for tighter spacing
+
+// Radios and checkboxes on same line
+
+.radio-inline,
+.checkbox-inline
+  display: inline-block
+  padding-left: 20px
+  margin-bottom: 0
+  vertical-align: middle
+  font-weight: normal
+  cursor: pointer
+
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline
+  margin-top: 0
+  margin-left: 10px
+  // space out consecutive inline controls
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+
+input[type="radio"],
+input[type="checkbox"],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline
+  &[disabled],
+  fieldset[disabled] &
+    cursor: not-allowed
+
+// Form control sizing
+
++input-size(".input-sm", $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small)
+
++input-size(".input-lg", $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large)
+
+// Form control feedback states
+//
+// Apply contextual and semantic states to individual form controls.
+
+// Warning
+.has-warning
+  +form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg)
+
+// Error
+.has-error
+  +form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg)
+
+// Success
+.has-success
+  +form-control-validation($state-success-text, $state-success-text, $state-success-bg)
+
+// Static form control text
+//
+// Apply class to a `p` element to make any string of text align with labels in
+// a horizontal form layout.
+
+.form-control-static
+  margin-bottom: 0
+  // Remove default margin from `p`
+  padding-top: $padding-base-vertical + 1
+
+// Help text
+//
+// Apply to any element you wish to create light text for placement immediately
+// below a form control. Use for general help, formatting, or instructional text.
+
+.help-block
+  display: block
+  // account for any element using help-block
+  margin-top: 5px
+  margin-bottom: 10px
+  color: lighten($text-color, 25%)
+  // lighten the text some for contrast
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+//
+// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
+
+.form-inline
+  // Kick in the inline
+  @media (min-width: $screen-tablet)
+    // Inline-block all the things for "inline"
+    .form-group
+      display: inline-block
+      margin-bottom: 0
+      vertical-align: middle
+    // In navbar-form, allow folks to *not* use `.form-group`
+    .form-control
+      display: inline-block
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match (which also avoids
+    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+    .radio,
+    .checkbox
+      display: inline-block
+      margin-top: 0
+      margin-bottom: 0
+      padding-left: 0
+    .radio input[type="radio"],
+    .checkbox input[type="checkbox"]
+      float: none
+      margin-left: 0
+
+// Horizontal forms
+//
+// Horizontal forms are built on grid classes and allow you to create forms with
+// labels on the left and inputs on the right.
+
+.form-horizontal
+  // Consistent vertical alignment of labels, radios, and checkboxes
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline
+    margin-top: 0
+    margin-bottom: 0
+    padding-top: $padding-base-vertical + 1
+    // Default padding plus a border
+  // Make form groups behave like rows
+  .form-group
+    +make-row
+  // Only right align form labels here when the columns stop stacking
+  @media (min-width: $screen-tablet)
+    .control-label
+      text-align: right

data/app/assets/stylesheets/bootstrap/_glyphicons.css.sass

@@ -0,0 +1,827 @@
+//
+// Glyphicons for Bootstrap
+//
+// Since icons are fonts, they can be placed anywhere text is placed and are
+// thus automatically sized to match the surrounding child. To use, create an
+// inline element with the appropriate classes, like so:
+//
+// <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
+
+// Import the fonts
+@font-face
+  font-family: 'Glyphicons Halflings'
+  src: font-url("#{$icon-font-path}#{$icon-font-name}.eot")
+  src: font-url("#{$icon-font-path}#{$icon-font-name}.eot?#iefix") format("embedded-opentype"), font-url("#{$icon-font-path}#{$icon-font-name}.woff") format("woff"), font-url("#{$icon-font-path}#{$icon-font-name}.ttf") format("truetype"), font-url("#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular") format("svg")
+
+
+// Catchall baseclass
+.glyphicon
+  position: relative
+  top: 1px
+  display: inline-block
+  font-family: 'Glyphicons Halflings'
+  font-style: normal
+  font-weight: normal
+  line-height: 1
+  -webkit-font-smoothing: antialiased
+
+// Individual icons
+.glyphicon-asterisk
+  &:before
+    content: "\2a"
+
+.glyphicon-plus
+  &:before
+    content: "\2b"
+
+.glyphicon-euro
+  &:before
+    content: "\20ac"
+
+.glyphicon-minus
+  &:before
+    content: "\2212"
+
+.glyphicon-cloud
+  &:before
+    content: "\2601"
+
+.glyphicon-envelope
+  &:before
+    content: "\2709"
+
+.glyphicon-pencil
+  &:before
+    content: "\270f"
+
+.glyphicon-glass
+  &:before
+    content: "\e001"
+
+.glyphicon-music
+  &:before
+    content: "\e002"
+
+.glyphicon-search
+  &:before
+    content: "\e003"
+
+.glyphicon-heart
+  &:before
+    content: "\e005"
+
+.glyphicon-star
+  &:before
+    content: "\e006"
+
+.glyphicon-star-empty
+  &:before
+    content: "\e007"
+
+.glyphicon-user
+  &:before
+    content: "\e008"
+
+.glyphicon-film
+  &:before
+    content: "\e009"
+
+.glyphicon-th-large
+  &:before
+    content: "\e010"
+
+.glyphicon-th
+  &:before
+    content: "\e011"
+
+.glyphicon-th-list
+  &:before
+    content: "\e012"
+
+.glyphicon-ok
+  &:before
+    content: "\e013"
+
+.glyphicon-remove
+  &:before
+    content: "\e014"
+
+.glyphicon-zoom-in
+  &:before
+    content: "\e015"
+
+.glyphicon-zoom-out
+  &:before
+    content: "\e016"
+
+.glyphicon-off
+  &:before
+    content: "\e017"
+
+.glyphicon-signal
+  &:before
+    content: "\e018"
+
+.glyphicon-cog
+  &:before
+    content: "\e019"
+
+.glyphicon-trash
+  &:before
+    content: "\e020"
+
+.glyphicon-home
+  &:before
+    content: "\e021"
+
+.glyphicon-file
+  &:before
+    content: "\e022"
+
+.glyphicon-time
+  &:before
+    content: "\e023"
+
+.glyphicon-road
+  &:before
+    content: "\e024"
+
+.glyphicon-download-alt
+  &:before
+    content: "\e025"
+
+.glyphicon-download
+  &:before
+    content: "\e026"
+
+.glyphicon-upload
+  &:before
+    content: "\e027"
+
+.glyphicon-inbox
+  &:before
+    content: "\e028"
+
+.glyphicon-play-circle
+  &:before
+    content: "\e029"
+
+.glyphicon-repeat
+  &:before
+    content: "\e030"
+
+.glyphicon-refresh
+  &:before
+    content: "\e031"
+
+.glyphicon-list-alt
+  &:before
+    content: "\e032"
+
+.glyphicon-flag
+  &:before
+    content: "\e034"
+
+.glyphicon-headphones
+  &:before
+    content: "\e035"
+
+.glyphicon-volume-off
+  &:before
+    content: "\e036"
+
+.glyphicon-volume-down
+  &:before
+    content: "\e037"
+
+.glyphicon-volume-up
+  &:before
+    content: "\e038"
+
+.glyphicon-qrcode
+  &:before
+    content: "\e039"
+
+.glyphicon-barcode
+  &:before
+    content: "\e040"
+
+.glyphicon-tag
+  &:before
+    content: "\e041"
+
+.glyphicon-tags
+  &:before
+    content: "\e042"
+
+.glyphicon-book
+  &:before
+    content: "\e043"
+
+.glyphicon-print
+  &:before
+    content: "\e045"
+
+.glyphicon-font
+  &:before
+    content: "\e047"
+
+.glyphicon-bold
+  &:before
+    content: "\e048"
+
+.glyphicon-italic
+  &:before
+    content: "\e049"
+
+.glyphicon-text-height
+  &:before
+    content: "\e050"
+
+.glyphicon-text-width
+  &:before
+    content: "\e051"
+
+.glyphicon-align-left
+  &:before
+    content: "\e052"
+
+.glyphicon-align-center
+  &:before
+    content: "\e053"
+
+.glyphicon-align-right
+  &:before
+    content: "\e054"
+
+.glyphicon-align-justify
+  &:before
+    content: "\e055"
+
+.glyphicon-list
+  &:before
+    content: "\e056"
+
+.glyphicon-indent-left
+  &:before
+    content: "\e057"
+
+.glyphicon-indent-right
+  &:before
+    content: "\e058"
+
+.glyphicon-facetime-video
+  &:before
+    content: "\e059"
+
+.glyphicon-picture
+  &:before
+    content: "\e060"
+
+.glyphicon-map-marker
+  &:before
+    content: "\e062"
+
+.glyphicon-adjust
+  &:before
+    content: "\e063"
+
+.glyphicon-tint
+  &:before
+    content: "\e064"
+
+.glyphicon-edit
+  &:before
+    content: "\e065"
+
+.glyphicon-share
+  &:before
+    content: "\e066"
+
+.glyphicon-check
+  &:before
+    content: "\e067"
+
+.glyphicon-move
+  &:before
+    content: "\e068"
+
+.glyphicon-step-backward
+  &:before
+    content: "\e069"
+
+.glyphicon-fast-backward
+  &:before
+    content: "\e070"
+
+.glyphicon-backward
+  &:before
+    content: "\e071"
+
+.glyphicon-play
+  &:before
+    content: "\e072"
+
+.glyphicon-pause
+  &:before
+    content: "\e073"
+
+.glyphicon-stop
+  &:before
+    content: "\e074"
+
+.glyphicon-forward
+  &:before
+    content: "\e075"
+
+.glyphicon-fast-forward
+  &:before
+    content: "\e076"
+
+.glyphicon-step-forward
+  &:before
+    content: "\e077"
+
+.glyphicon-eject
+  &:before
+    content: "\e078"
+
+.glyphicon-chevron-left
+  &:before
+    content: "\e079"
+
+.glyphicon-chevron-right
+  &:before
+    content: "\e080"
+
+.glyphicon-plus-sign
+  &:before
+    content: "\e081"
+
+.glyphicon-minus-sign
+  &:before
+    content: "\e082"
+
+.glyphicon-remove-sign
+  &:before
+    content: "\e083"
+
+.glyphicon-ok-sign
+  &:before
+    content: "\e084"
+
+.glyphicon-question-sign
+  &:before
+    content: "\e085"
+
+.glyphicon-info-sign
+  &:before
+    content: "\e086"
+
+.glyphicon-screenshot
+  &:before
+    content: "\e087"
+
+.glyphicon-remove-circle
+  &:before
+    content: "\e088"
+
+.glyphicon-ok-circle
+  &:before
+    content: "\e089"
+
+.glyphicon-ban-circle
+  &:before
+    content: "\e090"
+
+.glyphicon-arrow-left
+  &:before
+    content: "\e091"
+
+.glyphicon-arrow-right
+  &:before
+    content: "\e092"
+
+.glyphicon-arrow-up
+  &:before
+    content: "\e093"
+
+.glyphicon-arrow-down
+  &:before
+    content: "\e094"
+
+.glyphicon-share-alt
+  &:before
+    content: "\e095"
+
+.glyphicon-resize-full
+  &:before
+    content: "\e096"
+
+.glyphicon-resize-small
+  &:before
+    content: "\e097"
+
+.glyphicon-exclamation-sign
+  &:before
+    content: "\e101"
+
+.glyphicon-gift
+  &:before
+    content: "\e102"
+
+.glyphicon-leaf
+  &:before
+    content: "\e103"
+
+.glyphicon-eye-open
+  &:before
+    content: "\e105"
+
+.glyphicon-eye-close
+  &:before
+    content: "\e106"
+
+.glyphicon-warning-sign
+  &:before
+    content: "\e107"
+
+.glyphicon-plane
+  &:before
+    content: "\e108"
+
+.glyphicon-random
+  &:before
+    content: "\e110"
+
+.glyphicon-comment
+  &:before
+    content: "\e111"
+
+.glyphicon-magnet
+  &:before
+    content: "\e112"
+
+.glyphicon-chevron-up
+  &:before
+    content: "\e113"
+
+.glyphicon-chevron-down
+  &:before
+    content: "\e114"
+
+.glyphicon-retweet
+  &:before
+    content: "\e115"
+
+.glyphicon-shopping-cart
+  &:before
+    content: "\e116"
+
+.glyphicon-folder-close
+  &:before
+    content: "\e117"
+
+.glyphicon-folder-open
+  &:before
+    content: "\e118"
+
+.glyphicon-resize-vertical
+  &:before
+    content: "\e119"
+
+.glyphicon-resize-horizontal
+  &:before
+    content: "\e120"
+
+.glyphicon-hdd
+  &:before
+    content: "\e121"
+
+.glyphicon-bullhorn
+  &:before
+    content: "\e122"
+
+.glyphicon-certificate
+  &:before
+    content: "\e124"
+
+.glyphicon-thumbs-up
+  &:before
+    content: "\e125"
+
+.glyphicon-thumbs-down
+  &:before
+    content: "\e126"
+
+.glyphicon-hand-right
+  &:before
+    content: "\e127"
+
+.glyphicon-hand-left
+  &:before
+    content: "\e128"
+
+.glyphicon-hand-up
+  &:before
+    content: "\e129"
+
+.glyphicon-hand-down
+  &:before
+    content: "\e130"
+
+.glyphicon-circle-arrow-right
+  &:before
+    content: "\e131"
+
+.glyphicon-circle-arrow-left
+  &:before
+    content: "\e132"
+
+.glyphicon-circle-arrow-up
+  &:before
+    content: "\e133"
+
+.glyphicon-circle-arrow-down
+  &:before
+    content: "\e134"
+
+.glyphicon-globe
+  &:before
+    content: "\e135"
+
+.glyphicon-tasks
+  &:before
+    content: "\e137"
+
+.glyphicon-filter
+  &:before
+    content: "\e138"
+
+.glyphicon-fullscreen
+  &:before
+    content: "\e140"
+
+.glyphicon-dashboard
+  &:before
+    content: "\e141"
+
+.glyphicon-heart-empty
+  &:before
+    content: "\e143"
+
+.glyphicon-link
+  &:before
+    content: "\e144"
+
+.glyphicon-phone
+  &:before
+    content: "\e145"
+
+.glyphicon-usd
+  &:before
+    content: "\e148"
+
+.glyphicon-gbp
+  &:before
+    content: "\e149"
+
+.glyphicon-sort
+  &:before
+    content: "\e150"
+
+.glyphicon-sort-by-alphabet
+  &:before
+    content: "\e151"
+
+.glyphicon-sort-by-alphabet-alt
+  &:before
+    content: "\e152"
+
+.glyphicon-sort-by-order
+  &:before
+    content: "\e153"
+
+.glyphicon-sort-by-order-alt
+  &:before
+    content: "\e154"
+
+.glyphicon-sort-by-attributes
+  &:before
+    content: "\e155"
+
+.glyphicon-sort-by-attributes-alt
+  &:before
+    content: "\e156"
+
+.glyphicon-unchecked
+  &:before
+    content: "\e157"
+
+.glyphicon-expand
+  &:before
+    content: "\e158"
+
+.glyphicon-collapse-down
+  &:before
+    content: "\e159"
+
+.glyphicon-collapse-up
+  &:before
+    content: "\e160"
+
+.glyphicon-log-in
+  &:before
+    content: "\e161"
+
+.glyphicon-flash
+  &:before
+    content: "\e162"
+
+.glyphicon-log-out
+  &:before
+    content: "\e163"
+
+.glyphicon-new-window
+  &:before
+    content: "\e164"
+
+.glyphicon-record
+  &:before
+    content: "\e165"
+
+.glyphicon-save
+  &:before
+    content: "\e166"
+
+.glyphicon-open
+  &:before
+    content: "\e167"
+
+.glyphicon-saved
+  &:before
+    content: "\e168"
+
+.glyphicon-import
+  &:before
+    content: "\e169"
+
+.glyphicon-export
+  &:before
+    content: "\e170"
+
+.glyphicon-send
+  &:before
+    content: "\e171"
+
+.glyphicon-floppy-disk
+  &:before
+    content: "\e172"
+
+.glyphicon-floppy-saved
+  &:before
+    content: "\e173"
+
+.glyphicon-floppy-remove
+  &:before
+    content: "\e174"
+
+.glyphicon-floppy-save
+  &:before
+    content: "\e175"
+
+.glyphicon-floppy-open
+  &:before
+    content: "\e176"
+
+.glyphicon-credit-card
+  &:before
+    content: "\e177"
+
+.glyphicon-transfer
+  &:before
+    content: "\e178"
+
+.glyphicon-cutlery
+  &:before
+    content: "\e179"
+
+.glyphicon-header
+  &:before
+    content: "\e180"
+
+.glyphicon-compressed
+  &:before
+    content: "\e181"
+
+.glyphicon-earphone
+  &:before
+    content: "\e182"
+
+.glyphicon-phone-alt
+  &:before
+    content: "\e183"
+
+.glyphicon-tower
+  &:before
+    content: "\e184"
+
+.glyphicon-stats
+  &:before
+    content: "\e185"
+
+.glyphicon-sd-video
+  &:before
+    content: "\e186"
+
+.glyphicon-hd-video
+  &:before
+    content: "\e187"
+
+.glyphicon-subtitles
+  &:before
+    content: "\e188"
+
+.glyphicon-sound-stereo
+  &:before
+    content: "\e189"
+
+.glyphicon-sound-dolby
+  &:before
+    content: "\e190"
+
+.glyphicon-sound-5-1
+  &:before
+    content: "\e191"
+
+.glyphicon-sound-6-1
+  &:before
+    content: "\e192"
+
+.glyphicon-sound-7-1
+  &:before
+    content: "\e193"
+
+.glyphicon-copyright-mark
+  &:before
+    content: "\e194"
+
+.glyphicon-registration-mark
+  &:before
+    content: "\e195"
+
+.glyphicon-cloud-download
+  &:before
+    content: "\e197"
+
+.glyphicon-cloud-upload
+  &:before
+    content: "\e198"
+
+.glyphicon-tree-conifer
+  &:before
+    content: "\e199"
+
+.glyphicon-tree-deciduous
+  &:before
+    content: "\e200"
+
+.glyphicon-briefcase
+  &:before
+    content: "\1f4bc"
+
+.glyphicon-calendar
+  &:before
+    content: "\1f4c5"
+
+.glyphicon-pushpin
+  &:before
+    content: "\1f4cc"
+
+.glyphicon-paperclip
+  &:before
+    content: "\1f4ce"
+
+.glyphicon-camera
+  &:before
+    content: "\1f4f7"
+
+.glyphicon-lock
+  &:before
+    content: "\1f512"
+
+.glyphicon-bell
+  &:before
+    content: "\1f514"
+
+.glyphicon-bookmark
+  &:before
+    content: "\1f516"
+
+.glyphicon-fire
+  &:before
+    content: "\1f525"
+
+.glyphicon-wrench
+  &:before
+    content: "\1f527"