_smiles.scss in bootstrap-bookingsync-sass-1.0.0.beta1

- old
+ new
@@ -13,46 +13,52 @@
        url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}'), '#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}')) format('svg');
   font-weight: normal;
   font-style: normal;
 }
 
-.bs-icon {
+[class^="bs-icon-"], [class*=" bs-icon-"] {
   font-family: '#{$smiles-font-name}';
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
+  display: inline-block;
 
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.bs-bigboss:before {
-  content: "\e600";
+.bs-icon-fw {
+  width: (18em / 14);
+  text-align: center;
 }
-.bs-boss:before {
-  content: "\e601";
+
+.bs-icon-bigboss:before {
+  content: $bs-icon-bigboss;
 }
-.bs-bookingsync:before {
-  content: "\e602";
+.bs-icon-boss:before {
+  content: $bs-icon-boss;
 }
-.bs-laughting:before {
-  content: "\e603";
+.bs-icon-bookingsync:before {
+  content: $bs-icon-bookingsync;
 }
-.bs-lemonface:before {
-  content: "\e604";
+.bs-icon-laughing:before {
+  content: $bs-icon-laughing;
 }
-.bs-sadface:before {
-  content: "\e605";
+.bs-icon-lemonface:before {
+  content: $bs-icon-lemonface;
 }
-.bs-tongue:before {
-  content: "\e606";
+.bs-icon-sadface:before {
+  content: $bs-icon-sadface;
 }
-.bs-winkface:before {
-  content: "\e607";
+.bs-icon-tongue:before {
+  content: $bs-icon-tongue;
 }
-.bs-winktongue:before {
-  content: "\e608";
+.bs-icon-winkface:before {
+  content: $bs-icon-winkface;
+}
+.bs-icon-winktongue:before {
+  content: $bs-icon-winktongue;
 }