Updated: $roboto-font-path and img_path

app/assets/stylesheets/config/_beagle-variables.scss

@@ -7,8 +7,8 @@
 
 // Paths
 $img-path:                              "img" !default;
-$fonts-path:                            "/assets" !default;
-$lib-path:                              "lib" !default;
+$fonts-path:                            "fonts" !default;
+$lib-path:                              "/assets" !default;
 $bootstrap-path:                        "bootstrap/scss" !default;
 
 // Logo
@@ -18,10 +18,10 @@ $logo-white:                            asset_path("#{$img-path}/logo-white.png"
 $logo-white-2x:                         asset_path("#{$img-path}/logo-white-xx.png");
 
 // Theme Fonts
-$roboto-font-path:                      '#{$fonts-path}/roboto' !default;
+$roboto-font-path:                      'roboto' !default;
 $roboto:                                'Roboto', Arial, sans-serif !default;
 
-$icons-font-path:                       '#{$fonts-path}/material-design-icons/fonts' !default;
+$icons-font-path:                       'material-design-icons/fonts' !default;
 $icons-font:                            'Material Icons' !default;
 
 //

app/assets/stylesheets/includes/elements/_invoice.scss

@@ -34,14 +34,14 @@
 .invoice-logo {
 	height: $invoice-logo-height;
 	min-width: $invoice-logo-width;
-	background-image: url("#{$img-path}/logo-xx.png");
+	background-image: url(asset_path("#{$img-path}/logo-xx.png"));
 	background-repeat: no-repeat;
 	background-position: 0 ;
 
 	@include laptop {
 		height: $invoice-logo-small-height;
 		width: $invoice-logo-small-width;
-		background-image: url("#{$img-path}/logo.png");
+		background-image: url(asset_path("#{$img-path}/logo.png"));
 	}
 
 	@include phone {
@@ -53,7 +53,7 @@
 	@media #{$print} {
 		height: $invoice-logo-small-height !important;
 		width: $invoice-logo-small-width !important;
-		background-image: url("#{$img-path}/logo.png") !important;
+		background-image: url(asset_path("#{$img-path}/logo.png")) !important;
 		display: block !important;
 		background-repeat: no-repeat !important;
 	}

app/assets/stylesheets/includes/pages/_404.scss

@@ -75,7 +75,7 @@
 	.error-container{
 
 		.error-number{
-			background: url("#{$img-path}/404-bg.png") no-repeat center center;
+			background: url(asset_path("#{$img-path}/404-bg.png")) no-repeat center center;
 			background-size: contain;
 
 			@include phone {

app/assets/stylesheets/includes/plugins/_gritter.scss

@@ -19,7 +19,7 @@
 }
 
 .gritter-item-wrapper{
-	background: url("#{$lib-path}/jquery.gritter/images/gritter-bg.png");
+	background: url(asset_path('jquery.gritter/images/gritter-bg.png'));
 	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
 
 	.gritter-item{

vendor/assets/stylesheets/jquery.gritter/css/jquery.gritter.css

@@ -32,17 +32,17 @@
 .gritter-item-wrapper {
 	position:relative;
 	margin:0 0 10px 0;
-	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
+	background:url(asset_path('jquery.gritter/images/ie-spacer.gif')); /* ie7/8 fix */
 }
 .gritter-top {
-	background:url(../images/gritter.png) no-repeat left -30px;
+	background:url(asset_path('jquery.gritter/images/gritter.png')) no-repeat left -30px;
 	height:10px;
 }
 .hover .gritter-top {
 	background-position:right -30px;
 }
 .gritter-bottom {
-	background:url(../images/gritter.png) no-repeat left bottom;
+	background:url(asset_path('jquery.gritter/images/gritter.png')) no-repeat left bottom;
 	height:8px;
 	margin:0;
 }
@@ -51,7 +51,7 @@
 }
 .gritter-item {
 	display:block;
-	background:url(../images/gritter.png) no-repeat left -40px;
+	background:url(asset_path('jquery.gritter/images/gritter.png')) no-repeat left -40px;
 	color:#eee;
 	padding:2px 11px 8px 11px;
 	font-size: 11px;
@@ -70,7 +70,7 @@
 	position:absolute;
 	top:5px;
 	left:3px;
-	background:url(../images/gritter.png) no-repeat left top;
+	background:url(asset_path('jquery.gritter/images/gritter.png')) no-repeat left top;
 	cursor:pointer;
 	width:30px;
 	height:30px;
@@ -101,7 +101,7 @@
 .gritter-light .gritter-bottom,
 .gritter-light .gritter-top,
 .gritter-light .gritter-close {
-    background-image: url(../images/gritter-light.png);
+    background-image: url(asset_path('jquery.gritter/images/gritter-light.png'));
     color: #222;
 }
 .gritter-light .gritter-title {