Fix multiple imports

_vars.scss

@@ -47,4 +47,9 @@ $yellow: #ff0;
 $white: #fff;
 $black: #000;
 $pink: #f0f;
-$purple: #7D26CD;
+$purple: #7D26CD;
+
+$content-border-color: #b7b7b7;
+$content-borderlight-color: #dddddd;
+$background-color: #e7ebf3;
+$content-background-color: #f5f5ff;

accordion.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .ac-container{
     margin: 10px auto 30px auto;

alignment.scss

@@ -18,3 +18,12 @@
     float: right;
 }
 
+.pAlignTable {
+    display: table;
+    width: 100%;
+}
+
+.vCenterTable {
+    display: table-cell;
+    vertical-align: middle;
+}

blockquote.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 blockquote {
     border: 1px solid $content-borderlight-color;

breadcrumb.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .crumbs-1 {
     list-style: none;

button.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .btn {
     cursor: pointer;

canvas.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 canvas {
     background: #fff;

color.scss

@@ -1,8 +1,3 @@
-$content-border-color: #b7b7b7;
-$content-borderlight-color: #dddddd;
-$background-color: #e7ebf3;
-$content-background-color: #f5f5ff;
-
 .ok {
     color: #5cff56;
 }

default.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 body {
     background: $background-color;

form.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 form li {
     margin: 5px 0 5px 0;

icon.scss

@@ -1,19 +1,19 @@
 .infoIcon {
-    width: 24px;
+    width: .9rem;
     text-align: center;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
 
     span {
-        font-size: .35em;
+        font-size: .55rem;
         display: block;
         position: absolute;
-        right: -.75em;
-        top: -.75em;
-        width: 2.3em;
-        height: 2.2em;
-        line-height: 2.5em;
+        right: -.55rem;
+        top: -.45rem;
+        width: .9rem;
+        height: .9rem;
+        line-height: .9rem;
         border-radius: 50%;
         text-align: center;
 

image.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 img.frame-1 {
     padding: 5px;

input.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 input, select, textarea, .textarea {
     border: 1px solid $content-border-color;

list.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 ul.default li {
     margin: 5px 0 5px 0;

main.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 main {
     height: 100%;

nav.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 #nav-side {
     width: 175px;

pagination.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .pagination {
     li {

progress.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .meter {
     height: 20px;  /* Can be anything */

section.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .box {
     @include box-sizing(border-box);

styles.scss

@@ -1,3 +1,3 @@
-@import "_vars", "clean", "_mixin", "default", "color", "size", "transformation", "alignment", "visibility", "animate", "grid";
+@import "_vars", "clean", "_mixins", "default", "color", "size", "transformation", "alignment", "visibility", "animate", "grid";
 @import "layout", "draggable", "text", "tooltip", "spinner", "canvas", "form", "icon", "image", "input", "accordion", "alert", "badge", "blockquote", "breadcrumb", "button", "link", "list", "nav", "main", "note", "pagination", "popup", "progress", "section", "tab", "table", "tag";
 @import "media";

tab.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .tabular {
     @include box-sizing(border-box);

table.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 table.table {
     @include box-sizing(border-box);
@@ -137,4 +137,8 @@ table.list {
     table.table td:last-child {
         border-bottom: 0;
     }
+}
+
+.nobreak {
+    white-space: nowrap;
 }

tag.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .tag {
     text-shadow: 1px 1px 1px #ffffff;

tooltip.scss

@@ -1,4 +1,4 @@
-@import "_mixin", "color";
+@import "_mixins", "_vars";
 
 .tooltip {
     position: relative;