Fix box-emboss with prefixes issue

README.md

@@ -1,4 +1,4 @@
-![Bower Version](http://img.shields.io/badge/bower-1.0.0-56d7c6.svg?style=flat-square)
+![Bower Version](http://img.shields.io/badge/bower-1.0.1-56d7c6.svg?style=flat-square)
 
 # Juice - Mixins for Life
 

bower.json

@@ -1,29 +1,33 @@
 {
-	"name": "juice",
-	"description": "SASS Mixins for Life",
-	"version": "1.0.0",
-	"homepage": "http://juicynex.us/juice",
-	"keywords": [
-		"CSS",
-		"SASS",
-		"SCSS",
-		"mixins",
-		"styling",
-		"helper"
-	],
-	"main": [
-		"dist/_juice.scss"
-	],
-	"authors": [
-		"Kyle Brumm <https://twitter.com/kyle_brumm>"
-	],
-	"license": "MIT",
-	"ignore": [
-		"*.*",
-		"bower_components",
-		"build",
-		"img",
-		"js",
-		"sass"
-	]
-}
+  "name": "juice",
+  "description": "SASS Mixins for Life",
+  "version": "1.0.1",
+  "homepage": "http://juicynex.us/juice",
+  "keywords": [
+    "CSS",
+    "SASS",
+    "SCSS",
+    "mixins",
+    "styling",
+    "helper"
+  ],
+  "main": [
+    "dist/_juice.scss"
+  ],
+  "authors": [
+    "Kyle Brumm <https://twitter.com/kyle_brumm>"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "*.*",
+    "bower_components",
+    "build",
+    "img",
+    "js",
+    "sass"
+  ],
+  "dependencies": {
+    "fontawesome": "~4.3.0",
+    "bootstrap-sass-official": "~3.3.3"
+  }
+}

dist/_juice.scss

@@ -1,7 +1,7 @@
 // --------------------------------------------------------------------
 // Juice v1.0.0
 // --------------------------------------------------------------------
-
+@charset "UTF-8";
 
 
 
@@ -331,7 +331,7 @@ $breakpoints: (
 // -------------
 @mixin box-emboss($opacity: 0.5, $opacity2: 0.5){
 	@if $browser-prefixes {
-		@include juice-prefixer(box-shadow, "rgba(white,$opacity) 0 1px 0, inset rgba(black,$opacity2) 0 1px 0", webkit spec);
+		@include juice-prefixer(box-shadow, "rgba(white,#{$opacity}) 0 1px 0, inset rgba(black,#{$opacity2}) 0 1px 0", webkit spec);
 	}
 	@else {
 		box-shadow: rgba(white,$opacity) 0 1px 0, inset rgba(black,$opacity2) 0 1px 0;
@@ -716,7 +716,7 @@ $breakpoints: (
 @function tint($color, $percent: $mix-percent-default){
 	@return mix(white, $color, $percent);
 }
- 
+
 // Mix black with another color
 // ----------------------------
 @function shade($color, $percent: $mix-percent-default){

index.html

@@ -387,11 +387,11 @@ <h4>Example:</h4>
           <h4>Example:</h4>
         </div>
 <pre><code class="language-scss">.element {
-  @include box-emboss(0.5,0.75);
+  @include box-emboss(0.4,0.6);
 }</code></pre>
           <div class="contain"><h4>CSS Output:</h4></div>
 <pre><code class="language-scss">.element {
-  box-shadow: rgba(255, 255, 255, 0.5) 0 1px 0, inset rgba(0, 0, 0, 0.75) 0 1px 0;
+  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.8) 0 1px 0;
 }</code></pre>
       </article>
 

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "juice",
 	"description": "SASS Mixins for Life",
-	"version": "1.0.0",
+	"version": "1.0.1",
 	"homepage": "http://juicynex.us/juice",
   "license": "MIT",
   "author": {

sass/style.scss

@@ -1,5 +1,5 @@
 // Juice
-@import "dist/juice";
+@import "../dist/juice";
 
 // Partials
 @import "colors";
@@ -315,7 +315,7 @@ article:not(.section-heading) {
 @import "code_styles/custom";
 
 pre {
-	padding: 0 !important;
+  padding: 0 !important;
   background: #282828;
   border: none;
   border-radius: 0;
@@ -325,16 +325,16 @@ pre {
 	code {
 	  display: block;
 	  overflow-x: auto;
-		color: $white;
-		font-size: 16px;
-		max-width: 50em;
-		margin: 0 auto;
-		padding: 30px 10px;
+	  color: $white;
+	  font-size: 16px;
+	  max-width: 50em;
+	  margin: 0 auto;
+	  padding: 30px 10px;
 	  background: transparent;
 	  -webkit-text-size-adjust: none;
-		@include bp(max, 50em) {
-			font-size: 1.2rem !important;
-		}
+	  @include bp(max, 50em) {
+	    font-size: 1.2rem !important;
+	  }
 	}
 }