cleaned styles

Author: extrabright

dist/main.css

@@ -1,7 +1,7 @@
 {
   "name": "@webpixels/css",
   "description": "Utility and component-centric design system based on Bootstrap for fast, responsive UI development.",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.10",
   "version_short": "2.0",
   "license": "MIT",
   "style": "dist/index.css",

dist/main.css.map

@@ -1,3 +1,7 @@
+// 
+// Buttons 
+// 
+
 // Soft color variation
 @each $color, $value in $theme-colors {
   .btn-soft-#{$color} {

dist/utility.css

@@ -10,5 +10,6 @@
 @import "./nav";
 @import "./navbar";
 @import "./navbar-vertical";
+@import "./pagination";
 @import "./progress";
 @import "./tables";

dist/utility.css.map

@@ -127,7 +127,7 @@
           overflow-y: auto;
           z-index: 1000;
           @include border-radius($navbar-vertical-border-radius);
-          @include transition($transition-base);
+          // @include transition($transition-base);
 
           @if $enable-shadows {
             @include box-shadow($navbar-vertical-box-shadow);

package.json

@@ -0,0 +1,34 @@
+// Spaced pagination
+
+.pagination {
+    margin: 0;
+}
+
+.pagination-spaced {
+    border-radius: 0;
+
+    .page-link {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        border-radius: $pagination-border-radius;
+        width: 2.25rem;
+        height: 2.25rem;
+    }
+
+    &.pagination-sm {
+        .page-link {
+            width: 1.875rem;
+            height: 1.875rem;
+            border-radius: $border-radius-sm;
+        }
+    }
+
+    &.pagination-lg {
+        .page-link {
+            width: 3.25rem;
+            height: 3.25rem;
+        }
+    }
+}

scss/components/_button.scss

@@ -36,12 +36,4 @@ $info:          $cyan !default;
 $warning:       $orange !default;
 $danger:        $red !default;
 $light:         $gray-100 !default;
-$dark:          $gray-900 !default;
-
-// Surfaces
-// Colors used for content area background colors
-
-$surface-primary: 	$white !default;
-$surface-secondary: $gray-100 !default;
-$surface-light: 		$gray-200 !default;
-$surface-dark: 			shade-color($dark, 7%) !default;
+$dark:          $gray-900 !default;