empower-container 0.1.23 → 0.1.26

package/dist/scss/foundation/_typography.scss

@@ -1,95 +1,95 @@
-body {
-    font-family: 'Roboto', sans-serif;
-}
-
-h1, h2, h3, h4, h5, h6{
-    margin: 0 0 1rem;
-    color: $gray-dark;
-    font-family: 'Quicksand', sans-serif;
-
-    &:last-of-type{
-        margin-bottom: 0;
-    }
-}
-
-h1{
-    font-size: 2.25rem;
-
-    @include md{
-        font-size: 2.625rem;
-    }
-}
-
-h2{
-    font-size: 1.875rem;
-
-    @include md{
-        font-size: 2.25rem;
-    }
-}
-
-h3{
-    font-size: 1.5rem;
-
-    @include md{
-        font-size: 1.875rem;
-    }
-}
-
-h4{
-    font-size: 1.25rem;
-
-    @include md{
-        font-size: 1.5rem;
-    }
-}
-
-h5{
-    font-size: 1rem;
-
-    @include md{
-        font-size: 1.25rem;
-    }
-}
-
-h6{
-    font-size: 0.875rem;
-}
-
-label{
-    font-size: 0.875rem;
-    font-weight: 700;
-    color: $gray-light3;
-    text-transform: capitalize;
-    display: inline-block;
-    margin: 0 0 0.25rem;
-}
-
-p{
-    color: $gray-dark;
-    line-height: 1.5;
-    margin: 0 0 1rem;
-
-    &:last-of-type{
-        margin-bottom: 0;
-    }
-}
-
-a{
-    color: $green-dark;
-    font-weight: 700;
-    font-size: 0.875rem;
-    text-decoration: none;
-    transition: $transition;
-
-    &:hover{
-        color: $green-dark1;
-    }
-}
-
-.sub-text{
-    font-size: $text-sm;
-    color: $gray-light4;
-    display: block;
-    line-height: 20px;
+body {
+    font-family: 'Roboto', sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6{
+    margin: 0 0 1rem;
+    color: $gray-dark;
+    font-family: 'Quicksand', sans-serif;
+
+    &:last-of-type{
+        margin-bottom: 0;
+    }
+}
+
+h1{
+    font-size: 2.25rem;
+
+    @include md{
+        font-size: 2.625rem;
+    }
+}
+
+h2{
+    font-size: 1.875rem;
+
+    @include md{
+        font-size: 2.25rem;
+    }
+}
+
+h3{
+    font-size: 1.5rem;
+
+    @include md{
+        font-size: 1.875rem;
+    }
+}
+
+h4{
+    font-size: 1.25rem;
+
+    @include md{
+        font-size: 1.5rem;
+    }
+}
+
+h5{
+    font-size: 1rem;
+
+    @include md{
+        font-size: 1.25rem;
+    }
+}
+
+h6{
+    font-size: 0.875rem;
+}
+
+label{
+    font-size: 0.875rem;
+    font-weight: 700;
+    color: $gray-light3;
+    text-transform: capitalize;
+    display: inline-block;
+    margin: 0 0 0.25rem;
+}
+
+p{
+    color: $gray-dark;
+    line-height: 1.5;
+    margin: 0 0 1rem;
+
+    &:last-of-type{
+        margin-bottom: 0;
+    }
+}
+
+a{
+    color: $green-dark;
+    font-weight: 700;
+    font-size: 0.875rem;
+    text-decoration: none;
+    transition: $transition;
+
+    &:hover{
+        color: $green-dark1;
+    }
+}
+
+.sub-text{
+    font-size: $text-sm;
+    color: $gray-light4;
+    display: block;
+    line-height: 20px;
 }

package/dist/scss/library/_information.scss

@@ -1,64 +1,73 @@
-.em-belt-info {
-    position: relative;
-
-    .em-info-icon {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 40px;
-        width: 40px;
-        border-radius: $border-radius-md;
-
-        &:hover {
-            background-color: $blue-light;
-    
-            svg {
-                path {
-                    stroke: #5C7FF3;
-                }
-
-                circle {
-                    fill: #5C7FF3;
-                }
-            }
-        }
-    }
-}
-
-.em-popover-i {      
-    background-color: $white;  
-    width: 650px;
-    border-bottom-left-radius: $border-radius-md;
-    border-bottom-right-radius: $border-radius-md;
-
-    .em-popover-i-content {
-        > div {
-            max-height: calc(75vh - 120px);
-            overflow-y: auto;
-            border-bottom: 1px solid $gray-light1;
-            padding: 15px;
-
-            &:last-of-type {
-                border: none;
-                border-bottom-left-radius: $border-radius-md;
-                border-bottom-right-radius: $border-radius-md;
-            }
-        }
-
-        .em-popover-i-title {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .em-popover-i-category {
-            display: flex;
-            justify-content: space-between;
-
-            &:hover {
-                cursor: pointer;
-                background-color: $gray-light;
-            }
-        }
-    }
+.em-belt-info {
+    position: relative;
+
+    .em-popover {
+        width: 650px;
+    }
+
+    .em-info-icon {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 40px;
+        width: 40px;
+        border-radius: $border-radius-md;
+
+        &:hover {
+            background-color: $blue-light;
+    
+            svg {
+                path {
+                    stroke: #5C7FF3;
+                }
+
+                circle {
+                    fill: #5C7FF3;
+                }
+            }
+        }
+    }
+}
+
+.em-popover-i {      
+    background-color: $white;  
+    width: 650px;
+    border-bottom-left-radius: $border-radius-md;
+    border-bottom-right-radius: $border-radius-md;
+
+    .em-popover-i-content {
+        > div {
+            max-height: calc(75vh - 120px);
+            overflow-y: auto;
+            border-bottom: 1px solid $gray-light1;
+            padding: 15px;
+
+            &:last-of-type {
+                border: none;
+                border-bottom-left-radius: $border-radius-md;
+                border-bottom-right-radius: $border-radius-md;
+            }
+        }
+
+        .em-popover-i-title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            h6 {
+                font-size: $text-sm;
+                text-transform: uppercase;
+            }
+        }
+
+        .em-popover-i-category {
+            display: flex;
+            justify-content: space-between;
+
+            &:hover {
+                cursor: pointer;
+                background-color: $gray-light;
+            }
+        }
+    }
 }

package/dist/scss/library/_input.scss

@@ -1,37 +1,37 @@
-.em-input {
-    position: relative;
-    width: 100%;
-
-    .em-input-field {
-        min-height: 50px;
-        width: 100%;
-        background-color: $blue-light;
-        border-top-left-radius: 10px;
-        border-top-right-radius: 10px;
-        border-bottom-right-radius: 0;
-        border-bottom-left-radius: 0;
-        box-shadow: inset 0 -2px 0 0 $blue-light1;
-        border: none;
-        font-size: 0.875rem;
-        color: $gray-dark;
-        padding: 10px 15px;
-        margin-bottom: 15px;
-        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-
-        &:focus {
-            background-color: $blue-light;
-            color: $gray-dark;
-            border: none;
-            outline: none;
-            box-shadow: inset 0 -2px 0 0 $blue-light4;
-        }
-    }
-
-    .em-noresult {
-        padding: 20px;
-    }
-}
-
-.is-invalid .em-input .em-input-field {
-    box-shadow: 0 2px 0 0 $red;
-}
+.em-input {
+    position: relative;
+    width: 100%;
+
+    .em-input-field {
+        min-height: 50px;
+        width: 100%;
+        background-color: $blue-light;
+        border-top-left-radius: 10px;
+        border-top-right-radius: 10px;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+        box-shadow: inset 0 -2px 0 0 $blue-light1;
+        border: none;
+        font-size: 0.875rem;
+        color: $gray-dark;
+        padding: 10px 15px;
+        margin-bottom: 15px;
+        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
+
+        &:focus {
+            background-color: $blue-light;
+            color: $gray-dark;
+            border: none;
+            outline: none;
+            box-shadow: inset 0 -2px 0 0 $blue-light4;
+        }
+    }
+
+    .em-noresult {
+        padding: 20px;
+    }
+}
+
+.is-invalid .em-input .em-input-field {
+    box-shadow: 0 2px 0 0 $red;
+}