empower-container 0.1.23 → 0.1.26

package/dist/scss/foundation/_mixins.scss

@@ -1,41 +1,41 @@
-// Breakpoint: Smaller devices
-@mixin xs {
-    @media (min-width: #{$screen-xs-min}) {
-        @content;
-    }
-  }
-  
-  // Breakpoint: Small devices
-  @mixin sm {
-     @media (min-width: #{$screen-sm-min}) {
-         @content;
-     }
-  }
-  
-  // Breakpoint: Medium devices
-  @mixin md {
-     @media (min-width: #{$screen-md-min}) {
-         @content;
-     }
-  }
-  
-  // Breakpoint: Large devices
-  @mixin lg {
-     @media (min-width: #{$screen-lg-min}) {
-         @content;
-     }
-  }
-  
-  // Breakpoint: Extra large devices
-  @mixin xl {
-     @media (min-width: #{$screen-xl-min}) {
-         @content;
-     }
-  }
-  
-  // Breakpoint: Extra large devices
-  @mixin xxl {
-     @media (min-width: #{$screen-xxl-min}) {
-         @content;
-     }
+// Breakpoint: Smaller devices
+@mixin xs {
+    @media (min-width: #{$screen-xs-min}) {
+        @content;
+    }
+  }
+  
+  // Breakpoint: Small devices
+  @mixin sm {
+     @media (min-width: #{$screen-sm-min}) {
+         @content;
+     }
+  }
+  
+  // Breakpoint: Medium devices
+  @mixin md {
+     @media (min-width: #{$screen-md-min}) {
+         @content;
+     }
+  }
+  
+  // Breakpoint: Large devices
+  @mixin lg {
+     @media (min-width: #{$screen-lg-min}) {
+         @content;
+     }
+  }
+  
+  // Breakpoint: Extra large devices
+  @mixin xl {
+     @media (min-width: #{$screen-xl-min}) {
+         @content;
+     }
+  }
+  
+  // Breakpoint: Extra large devices
+  @mixin xxl {
+     @media (min-width: #{$screen-xxl-min}) {
+         @content;
+     }
   }

package/dist/scss/foundation/_normalize.scss

@@ -1,204 +1,204 @@
-html {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    overflow-x: hidden;
-  }
-  
-  *, *:before, *:after {
-    -webkit-box-sizing: inherit;
-    -moz-box-sizing: inherit;
-    box-sizing: inherit;
-  }
-  
-  html {
-    line-height: 1.15; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-  }
-  
-  body {
-    margin: 0;
-  }
-  
-  main {
-    display: block;
-  }
-  
-  h1 {
-    font-size: 2em;
-    margin: 0 0 0.67em;
-  }
-  
-  hr {
-    box-sizing: content-box; /* 1 */
-    height: 0; /* 1 */
-    overflow: visible; /* 2 */
-  }
-  
-  pre {
-    font-family: monospace, monospace; /* 1 */
-    font-size: 1em; /* 2 */
-  }
-  
-  a {
-    background-color: transparent;
-  }
-  
-  abbr[title] {
-    border-bottom: none; /* 1 */
-    text-decoration: underline; /* 2 */
-    text-decoration: underline dotted; /* 2 */
-  }
-  
-  b,
-  strong {
-    font-weight: bolder;
-  }
-  
-  code,
-  kbd,
-  samp {
-    font-family: monospace, monospace; /* 1 */
-    font-size: 1em; /* 2 */
-  }
-  
-  small {
-    font-size: 80%;
-  }
-  
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  
-  sub {
-    bottom: -0.25em;
-  }
-  
-  sup {
-    top: -0.5em;
-  }
-  
-  img {
-    border-style: none;
-  }
-  
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 1 */
-    line-height: 1.15; /* 1 */
-    margin: 0; /* 2 */
-  }
-  
-  button,
-  input { /* 1 */
-    overflow: visible;
-  }
-  
-  button,
-  select { /* 1 */
-    text-transform: none;
-  }
-  
-  button,
-  [type="button"],
-  [type="reset"],
-  [type="submit"] {
-    -webkit-appearance: button;
-  }
-  
-  button::-moz-focus-inner,
-  [type="button"]::-moz-focus-inner,
-  [type="reset"]::-moz-focus-inner,
-  [type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
-  
-  button:-moz-focusring,
-  [type="button"]:-moz-focusring,
-  [type="reset"]:-moz-focusring,
-  [type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText;
-  }
-  
-  fieldset {
-    padding: 0.35em 0.75em 0.625em;
-  }
-  
-  legend {
-    box-sizing: border-box;
-    color: inherit;
-    display: table;
-    max-width: 100%;
-    padding: 0;
-    white-space: normal;
-  }
-  
-  progress {
-    vertical-align: baseline;
-  }
-  
-  textarea {
-    overflow: auto;
-  }
-  
-  [type="checkbox"],
-  [type="radio"] {
-    box-sizing: border-box;
-    padding: 0;
-  }
-  
-  [type="number"]::-webkit-inner-spin-button,
-  [type="number"]::-webkit-outer-spin-button {
-    height: auto;
-  }
-  
-  [type="search"] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  
-  [type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button; /* 1 */
-    font: inherit; /* 2 */
-  }
-  
-  details {
-    display: block;
-  }
-  
-  summary {
-    display: list-item;
-  }
-  
-  template {
-    display: none;
-  }
-  
-  [hidden] {
-    display: none;
-  }
-  
-  input{
-    &:focus{
-      outline: none;
-    }
-  }
-  
-  li{
-    list-style: none;
-    padding-top: 3px;
-  }
+html {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow-x: hidden;
+  }
+  
+  *, *:before, *:after {
+    -webkit-box-sizing: inherit;
+    -moz-box-sizing: inherit;
+    box-sizing: inherit;
+  }
+  
+  html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  body {
+    margin: 0;
+  }
+  
+  main {
+    display: block;
+  }
+  
+  h1 {
+    font-size: 2em;
+    margin: 0 0 0.67em;
+  }
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  a {
+    background-color: transparent;
+  }
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  small {
+    font-size: 80%;
+  }
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  img {
+    border-style: none;
+  }
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  legend {
+    box-sizing: border-box;
+    color: inherit;
+    display: table;
+    max-width: 100%;
+    padding: 0;
+    white-space: normal;
+  }
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  [type="search"] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  details {
+    display: block;
+  }
+  
+  summary {
+    display: list-item;
+  }
+  
+  template {
+    display: none;
+  }
+  
+  [hidden] {
+    display: none;
+  }
+  
+  input{
+    &:focus{
+      outline: none;
+    }
+  }
+  
+  li{
+    list-style: none;
+    padding-top: 3px;
+  }
   

package/dist/scss/foundation/_settings.scss

@@ -1,36 +1,36 @@
-// Breakpoints
-$screen-xs-min: 400px; // Small smartphones
-$screen-sm-min: 576px; // Small tablets and large smartphones (landscape view)
-$screen-md-min: 768px; // Small tablets (portrait view)
-$screen-lg-min: 992px; // Tablets and small desktopsw
-$screen-xl-min: 1200px; // Large tablets and desktops
-$screen-xxl-min: 1500px; // Large tablets and desktops
-
-// Container max width
-$container-width: 1024px;
-
-// Transition easing
-$transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-
-// Shadow
-$shadow-card: 0px 10px 20px 0px rgba(19, 37, 154, 0.05);
-$shadow-popover: 0px 15px 30px 0px rgba(19, 37, 154, 0.15);
-$shadow-modal: 0 30px 60px rgba(0,0,0,0.2);
-
-// Border Radius
-$border-radius-sm: 5px;
-$border-radius-md: 10px;
-$border-radius-lg: 20px;
-
-// Grid
-$grid-margin: -7.5px;
-$grid-gutter: 7.5px;
-
-// Typography
-$font-body: "Roboto", sans-serif;
-$font-heading: "Quicksand", sans-serif;
-$font-regular: 400;
-$font-bold: 700;
-$text-lg: 2rem;
-$text-base: 1rem;
-$text-sm: 0.875rem;
+// Breakpoints
+$screen-xs-min: 400px; // Small smartphones
+$screen-sm-min: 576px; // Small tablets and large smartphones (landscape view)
+$screen-md-min: 768px; // Small tablets (portrait view)
+$screen-lg-min: 992px; // Tablets and small desktopsw
+$screen-xl-min: 1200px; // Large tablets and desktops
+$screen-xxl-min: 1500px; // Large tablets and desktops
+
+// Container max width
+$container-width: 1024px;
+
+// Transition easing
+$transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
+
+// Shadow
+$shadow-card: 0px 10px 20px 0px rgba(19, 37, 154, 0.05);
+$shadow-popover: 0px 15px 30px 0px rgba(19, 37, 154, 0.15);
+$shadow-modal: 0 30px 60px rgba(0,0,0,0.2);
+
+// Border Radius
+$border-radius-sm: 5px;
+$border-radius-md: 10px;
+$border-radius-lg: 20px;
+
+// Grid
+$grid-margin: -7.5px;
+$grid-gutter: 7.5px;
+
+// Typography
+$font-body: "Roboto", sans-serif;
+$font-heading: "Quicksand", sans-serif;
+$font-regular: 400;
+$font-bold: 700;
+$text-lg: 2rem;
+$text-base: 1rem;
+$text-sm: 0.875rem;