dibk-design 0.4.45 → 0.4.46

package/dist/images/spinner.svg

@@ -1,57 +1,57 @@
-<svg class="lds-spin" width="47px"  height="47px"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="translate(80,50)">
-<g transform="rotate(0)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="1" transform="scale(1.0175 1.0175)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.875s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.875s"></animate>
-</circle>
-</g>
-</g><g transform="translate(71.21320343559643,71.21320343559643)">
-<g transform="rotate(45)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.875" transform="scale(1.03 1.03)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.75s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.75s"></animate>
-</circle>
-</g>
-</g><g transform="translate(50,80)">
-<g transform="rotate(90)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.75" transform="scale(1.0425 1.0425)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.625s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.625s"></animate>
-</circle>
-</g>
-</g><g transform="translate(28.786796564403577,71.21320343559643)">
-<g transform="rotate(135)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.625" transform="scale(1.055 1.055)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.5s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.5s"></animate>
-</circle>
-</g>
-</g><g transform="translate(20,50.00000000000001)">
-<g transform="rotate(180)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.5" transform="scale(1.0675 1.0675)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.375s"></animate>
-</circle>
-</g>
-</g><g transform="translate(28.78679656440357,28.786796564403577)">
-<g transform="rotate(225)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.375" transform="scale(1.08 1.08)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.25s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.25s"></animate>
-</circle>
-</g>
-</g><g transform="translate(49.99999999999999,20)">
-<g transform="rotate(270)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.25" transform="scale(1.0925 1.0925)">
-  <animateTransform attributeName="transform" type="scale" begin="-0.125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.125s"></animate>
-</circle>
-</g>
-</g><g transform="translate(71.21320343559643,28.78679656440357)">
-<g transform="rotate(315)">
-<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.125" transform="scale(1.005 1.005)">
-  <animateTransform attributeName="transform" type="scale" begin="0s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
-  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
-</circle>
-</g>
+<svg class="lds-spin" width="47px"  height="47px"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="translate(80,50)">
+<g transform="rotate(0)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="1" transform="scale(1.0175 1.0175)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.875s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.875s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,71.21320343559643)">
+<g transform="rotate(45)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.875" transform="scale(1.03 1.03)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.75s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.75s"></animate>
+</circle>
+</g>
+</g><g transform="translate(50,80)">
+<g transform="rotate(90)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.75" transform="scale(1.0425 1.0425)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.625s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.625s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.786796564403577,71.21320343559643)">
+<g transform="rotate(135)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.625" transform="scale(1.055 1.055)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.5s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.5s"></animate>
+</circle>
+</g>
+</g><g transform="translate(20,50.00000000000001)">
+<g transform="rotate(180)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.5" transform="scale(1.0675 1.0675)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.375s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.375s"></animate>
+</circle>
+</g>
+</g><g transform="translate(28.78679656440357,28.786796564403577)">
+<g transform="rotate(225)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.375" transform="scale(1.08 1.08)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.25s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.25s"></animate>
+</circle>
+</g>
+</g><g transform="translate(49.99999999999999,20)">
+<g transform="rotate(270)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.25" transform="scale(1.0925 1.0925)">
+  <animateTransform attributeName="transform" type="scale" begin="-0.125s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="-0.125s"></animate>
+</circle>
+</g>
+</g><g transform="translate(71.21320343559643,28.78679656440357)">
+<g transform="rotate(315)">
+<circle cx="0" cy="0" r="10" fill="#00757f" fill-opacity="0.125" transform="scale(1.005 1.005)">
+  <animateTransform attributeName="transform" type="scale" begin="0s" values="1.1 1.1;1 1" keyTimes="0;1" dur="1s" repeatCount="indefinite"></animateTransform>
+  <animate attributeName="fill-opacity" keyTimes="0;1" dur="1s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
+</circle>
+</g>
 </g></svg>

package/dist/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "DragAndDropFileInput", {
     return _DragAndDropFileInput.default;
   }
 });
+Object.defineProperty(exports, "ErrorMessage", {
+  enumerable: true,
+  get: function get() {
+    return _ErrorMessage.default;
+  }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function get() {
@@ -164,6 +170,8 @@ var _Dialog = _interopRequireDefault(require("./components/Dialog"));
 
 var _DragAndDropFileInput = _interopRequireDefault(require("./components/DragAndDropFileInput"));
 
+var _ErrorMessage = _interopRequireDefault(require("./components/ErrorMessage"));
+
 var _Footer = _interopRequireDefault(require("./components/Footer"));
 
 var _Header = _interopRequireDefault(require("./components/Header"));

package/dist/style/abstracts/_all.scss

@@ -1,2 +1,2 @@
-@import "variables/all";
+@import "variables/all";
 @import "mixins/all";

package/dist/style/abstracts/mixins/_all.scss

@@ -1,12 +1,12 @@
-@import "animation";
-@import "appearance";
-@import "border-radius";
-@import "box-shadow";
-@import "box-sizing";
-@import "calc";
-@import "keyframes";
-@import "opacity";
-@import "placeholder";
-@import "scrollbar";
-@import "transform";
-@import "transition";
+@import "animation";
+@import "appearance";
+@import "border-radius";
+@import "box-shadow";
+@import "box-sizing";
+@import "calc";
+@import "keyframes";
+@import "opacity";
+@import "placeholder";
+@import "scrollbar";
+@import "transform";
+@import "transition";

package/dist/style/abstracts/mixins/_animation.scss

@@ -1,6 +1,6 @@
-@mixin animation ($value) {
-  -webkit-animation: $value;
-  -moz-animation: $value;
-  -ms-animation: $value;
-  animation: $value;
-}
+@mixin animation ($value) {
+  -webkit-animation: $value;
+  -moz-animation: $value;
+  -ms-animation: $value;
+  animation: $value;
+}

package/dist/style/abstracts/mixins/_appearance.scss

@@ -1,5 +1,5 @@
-@mixin appearance ($value) {
-	-webkit-appearance: $value;
-	-moz-appearance: $value;
-	appearance: $value;
-}
+@mixin appearance ($value) {
+	-webkit-appearance: $value;
+	-moz-appearance: $value;
+	appearance: $value;
+}

package/dist/style/abstracts/mixins/_border-radius.scss

@@ -1,31 +1,31 @@
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-  border-radius: $radius;
-}
-
-// Single side border-radius
-
-@mixin border-top-radius($radius) {
-  -webkit-border-top-right-radius: $radius;
-  border-top-right-radius: $radius;
-  -webkit-border-top-left-radius: $radius;
-  border-top-left-radius: $radius;
-}
-@mixin border-right-radius($radius) {
-  -webkit-border-bottom-right-radius: $radius;
-  border-bottom-right-radius: $radius;
-  -webkit-border-top-right-radius: $radius;
-  border-top-right-radius: $radius;
-}
-@mixin border-bottom-radius($radius) {
-  -webkit-border-bottom-right-radius: $radius;
-  border-bottom-right-radius: $radius;
-  -webkit-border-bottom-left-radius: $radius;
-  border-bottom-left-radius: $radius;
-}
-@mixin border-left-radius($radius) {
-  -webkit-border-bottom-left-radius: $radius;
-  border-bottom-left-radius: $radius;
-  -webkit-border-top-left-radius: $radius;
-  border-top-left-radius: $radius;
-}
+@mixin border-radius($radius) {
+  -webkit-border-radius: $radius;
+  border-radius: $radius;
+}
+
+// Single side border-radius
+
+@mixin border-top-radius($radius) {
+  -webkit-border-top-right-radius: $radius;
+  border-top-right-radius: $radius;
+  -webkit-border-top-left-radius: $radius;
+  border-top-left-radius: $radius;
+}
+@mixin border-right-radius($radius) {
+  -webkit-border-bottom-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+  -webkit-border-top-right-radius: $radius;
+  border-top-right-radius: $radius;
+}
+@mixin border-bottom-radius($radius) {
+  -webkit-border-bottom-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+}
+@mixin border-left-radius($radius) {
+  -webkit-border-bottom-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+  -webkit-border-top-left-radius: $radius;
+  border-top-left-radius: $radius;
+}

package/dist/style/abstracts/mixins/_box-shadow.scss

@@ -1,5 +1,5 @@
-@mixin box-shadow($shadows...) {
-    -webkit-box-shadow: $shadows;
-    -moz-box-shadow: $shadows;
-    box-shadow: $shadows;
-}
+@mixin box-shadow($shadows...) {
+    -webkit-box-shadow: $shadows;
+    -moz-box-shadow: $shadows;
+    box-shadow: $shadows;
+}

package/dist/style/abstracts/mixins/_box-sizing.scss

@@ -1,5 +1,5 @@
-@mixin box-sizing($box-model) {
-  -webkit-box-sizing: $box-model; // Safari <= 5
-     -moz-box-sizing: $box-model; // Firefox <= 19
-          box-sizing: $box-model;
-}
+@mixin box-sizing($box-model) {
+  -webkit-box-sizing: $box-model; // Safari <= 5
+     -moz-box-sizing: $box-model; // Firefox <= 19
+          box-sizing: $box-model;
+}

package/dist/style/abstracts/mixins/_calc.scss

@@ -1,5 +1,5 @@
-@mixin calc($property, $expression) {
-  #{$property}: -moz-calc(#{$expression});
-  #{$property}: -webkit-calc(#{$expression});
-  #{$property}: calc(#{$expression});
-}
+@mixin calc($property, $expression) {
+  #{$property}: -moz-calc(#{$expression});
+  #{$property}: -webkit-calc(#{$expression});
+  #{$property}: calc(#{$expression});
+}

package/dist/style/abstracts/mixins/_keyframes.scss

@@ -1,14 +1,14 @@
-@mixin keyframes($name) {
-  @-webkit-keyframes #{$name} {
-    @content;
-  }
-  @-moz-keyframes #{$name} {
-    @content;
-  }
-  @-ms-keyframes #{$name} {
-    @content;
-  }
-  @keyframes #{$name} {
-    @content;
-  }
-}
+@mixin keyframes($name) {
+  @-webkit-keyframes #{$name} {
+    @content;
+  }
+  @-moz-keyframes #{$name} {
+    @content;
+  }
+  @-ms-keyframes #{$name} {
+    @content;
+  }
+  @keyframes #{$name} {
+    @content;
+  }
+}

package/dist/style/abstracts/mixins/_opacity.scss

@@ -1,5 +1,5 @@
-@mixin opacity($opacity) {
-    opacity: $opacity;
-    $opacity-ie: $opacity * 100;
-    filter: alpha(opacity=$opacity-ie); //IE8
-}
+@mixin opacity($opacity) {
+    opacity: $opacity;
+    $opacity-ie: $opacity * 100;
+    filter: alpha(opacity=$opacity-ie); //IE8
+}

package/dist/style/abstracts/mixins/_placeholder.scss

@@ -1,17 +1,17 @@
-@mixin placeholder {
-    &::-webkit-input-placeholder {
-        @content
-    }
-
-    &:-moz-placeholder {
-        @content
-    }
-
-    &::-moz-placeholder {
-        @content
-    }
-
-    &:-ms-input-placeholder {
-        @content
-    }
-}
+@mixin placeholder {
+    &::-webkit-input-placeholder {
+        @content
+    }
+
+    &:-moz-placeholder {
+        @content
+    }
+
+    &::-moz-placeholder {
+        @content
+    }
+
+    &:-ms-input-placeholder {
+        @content
+    }
+}

package/dist/style/abstracts/mixins/_scrollbar.scss

@@ -1,26 +1,26 @@
-@mixin scrollbar($size, $foreground-color, $background-color, $border-radius) {
-
-  // For Google Chrome
-  ::-webkit-scrollbar {
-    width:  $size;
-    height: $size;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    -webkit-box-shadow: none;
-    border-radius: $border-radius;
-    background: $foreground-color;
-  }
-
-  ::-webkit-scrollbar-track {
-    -webkit-box-shadow: none;
-    border-radius: $border-radius;
-    background: $background-color;
-  }
-
-  // For Internet Explorer
-  body {
-    scrollbar-face-color: $foreground-color;
-    scrollbar-track-color: $background-color;
-  }
-}
+@mixin scrollbar($size, $foreground-color, $background-color, $border-radius) {
+
+  // For Google Chrome
+  ::-webkit-scrollbar {
+    width:  $size;
+    height: $size;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    -webkit-box-shadow: none;
+    border-radius: $border-radius;
+    background: $foreground-color;
+  }
+
+  ::-webkit-scrollbar-track {
+    -webkit-box-shadow: none;
+    border-radius: $border-radius;
+    background: $background-color;
+  }
+
+  // For Internet Explorer
+  body {
+    scrollbar-face-color: $foreground-color;
+    scrollbar-track-color: $background-color;
+  }
+}

package/dist/style/abstracts/mixins/_transform.scss

@@ -1,6 +1,6 @@
-@mixin transform ($value) {
-	-webkit-transform: $value;
-	-moz-transform: $value;
-  -ms-transform: $value;
-	transform: $value;
-}
+@mixin transform ($value) {
+	-webkit-transform: $value;
+	-moz-transform: $value;
+  -ms-transform: $value;
+	transform: $value;
+}

package/dist/style/abstracts/mixins/_transition.scss

@@ -1,34 +1,34 @@
-@mixin transition($transition...) {
-    -moz-transition: $transition;
-    -o-transition: $transition;
-    -webkit-transition: $transition;
-    transition: $transition;
-}
-
-@mixin transition-property($property...) {
-    -moz-transition-property: $property;
-    -o-transition-property: $property;
-    -webkit-transition-property: $property;
-    transition-property: $property;
-}
-
-@mixin transition-duration($duration...) {
-    -moz-transition-property: $duration;
-    -o-transition-property: $duration;
-    -webkit-transition-property: $duration;
-    transition-property: $duration;
-}
-
-@mixin transition-timing-function($timing...) {
-    -moz-transition-timing-function: $timing;
-    -o-transition-timing-function: $timing;
-    -webkit-transition-timing-function: $timing;
-    transition-timing-function: $timing;
-}
-
-@mixin transition-delay($delay...) {
-    -moz-transition-delay: $delay;
-    -o-transition-delay: $delay;
-    -webkit-transition-delay: $delay;
-    transition-delay: $delay;
-}
+@mixin transition($transition...) {
+    -moz-transition: $transition;
+    -o-transition: $transition;
+    -webkit-transition: $transition;
+    transition: $transition;
+}
+
+@mixin transition-property($property...) {
+    -moz-transition-property: $property;
+    -o-transition-property: $property;
+    -webkit-transition-property: $property;
+    transition-property: $property;
+}
+
+@mixin transition-duration($duration...) {
+    -moz-transition-property: $duration;
+    -o-transition-property: $duration;
+    -webkit-transition-property: $duration;
+    transition-property: $duration;
+}
+
+@mixin transition-timing-function($timing...) {
+    -moz-transition-timing-function: $timing;
+    -o-transition-timing-function: $timing;
+    -webkit-transition-timing-function: $timing;
+    transition-timing-function: $timing;
+}
+
+@mixin transition-delay($delay...) {
+    -moz-transition-delay: $delay;
+    -o-transition-delay: $delay;
+    -webkit-transition-delay: $delay;
+    transition-delay: $delay;
+}

package/dist/style/abstracts/variables/_all.scss

@@ -1,3 +1,3 @@
-@import "colors";
-@import "typography";
+@import "colors";
+@import "typography";
 @import "viewports";

package/dist/style/abstracts/variables/_colors.scss

@@ -1,29 +1,29 @@
-$body-background: #ffffff;
-$color-default-text: #222;
-$color-link: #072938;
-$color-dark-blue: #072938;
-$color-light-blue: #acc5d4;
-
-$color-error: #9d2024;
-$color-error-text: #c1272c;
-
-$color-primary: #072938;
-
-$color-default: #f2f1f0;
-
-$color-success: #43ac6a;
-
-$color-warning: #c12732;
-$color-light-warning: #ffeaeb;
-
-$color-info: #a0d3e8;
-
-$color-light-cyan: #ecf2f6;
-
-$color-sea-green: #00757f;
-
-$color-orange: #f08a24;
-$color-light-orange: #faefdf;
-
-$color-lime: #c9d12b;
-$color-light-lime: #f0f2cb;
+$body-background: #ffffff;
+$color-default-text: #222;
+$color-link: #072938;
+$color-dark-blue: #072938;
+$color-light-blue: #acc5d4;
+
+$color-error: #9d2024;
+$color-error-text: #c1272c;
+
+$color-primary: #072938;
+
+$color-default: #f2f1f0;
+
+$color-success: #43ac6a;
+
+$color-warning: #c12732;
+$color-light-warning: #ffeaeb;
+
+$color-info: #a0d3e8;
+
+$color-light-cyan: #ecf2f6;
+
+$color-sea-green: #00757f;
+
+$color-orange: #f08a24;
+$color-light-orange: #faefdf;
+
+$color-lime: #c9d12b;
+$color-light-lime: #f0f2cb;

package/dist/style/abstracts/variables/_typography.scss

@@ -1,2 +1,2 @@
-$default-font: "Open Sans";
+$default-font: "Open Sans";
 $heading-font: "Altis"

package/dist/style/abstracts/variables/_viewports.scss

@@ -1,14 +1,14 @@
-$screen-xs: 320px !default;
-$screen-xs-min: $screen-xs !default;
-$screen-sm: 640px !default;
-$screen-sm-min: $screen-sm !default;
-$screen-md: 960px !default;
-$screen-md-min: $screen-md !default;
-$screen-lg: 1280px !default;
-$screen-lg-min: $screen-lg !default;
-$screen-xl: 1920px !default;
-$screen-xl-min: $screen-xl !default;
-$screen-xs-max: ($screen-sm-min - 1) !default;
-$screen-sm-max: ($screen-md-min - 1) !default;
-$screen-md-max: ($screen-lg-min - 1) !default;
-$screen-lg-max: ($screen-xl-min - 1) !default;
+$screen-xs: 320px !default;
+$screen-xs-min: $screen-xs !default;
+$screen-sm: 640px !default;
+$screen-sm-min: $screen-sm !default;
+$screen-md: 960px !default;
+$screen-md-min: $screen-md !default;
+$screen-lg: 1280px !default;
+$screen-lg-min: $screen-lg !default;
+$screen-xl: 1920px !default;
+$screen-xl-min: $screen-xl !default;
+$screen-xs-max: ($screen-sm-min - 1) !default;
+$screen-sm-max: ($screen-md-min - 1) !default;
+$screen-md-max: ($screen-lg-min - 1) !default;
+$screen-lg-max: ($screen-xl-min - 1) !default;

package/dist/style/base/_all.scss

@@ -1,2 +1,2 @@
-@import "typography";
+@import "typography";
 @import "reset";

package/dist/style/base/_reset.scss

@@ -1,15 +1,15 @@
-* {
-	-webkit-box-sizing: border-box; // Safari <= 5
-	-moz-box-sizing: border-box; // Firefox <= 19
-	box-sizing: border-box;
-}
-
-html {
-	margin: 0;
-	padding: 0;
-}
-
-body{
-	margin: 0;
-	padding: 0;
-}
+* {
+	-webkit-box-sizing: border-box; // Safari <= 5
+	-moz-box-sizing: border-box; // Firefox <= 19
+	box-sizing: border-box;
+}
+
+html {
+	margin: 0;
+	padding: 0;
+}
+
+body{
+	margin: 0;
+	padding: 0;
+}