halleyx-ui-framework 4.1.7 → 4.1.9

package/dist/src/assets/styles/sidebar.scss

@@ -16,7 +16,7 @@
   transition: 0.5s;
 }
 
-[id^="navbar-"].hlx-sidebar-container {
+[id^='navbar-'].hlx-sidebar-container {
   .nav-items {
     max-height: 75%;
     overflow: none auto;
@@ -132,7 +132,7 @@
       cursor: pointer;*/
 
         ::after {
-          content: "";
+          content: '';
           width: 50px;
           height: 50px;
         }
@@ -279,6 +279,12 @@
         cursor: pointer;
       }
     }
+<<<<<<< HEAD
+=======
+    // &.collapsible:not(.collapse-shrink) .toggler {
+      // transition: .62s cubic-bezier(0.65, 0.05, 0.36, 1);
+    // }
+>>>>>>> e228589b7454afaad5ef2dc5b2a15128ee2deeff
     &.collapsible:not(.collapse-shrink):hover .toggler {
       position: absolute;
 
@@ -414,7 +420,13 @@
         align-content: flex-start;
         justify-content: flex-start;
         align-items: flex-start;
+<<<<<<< HEAD
 
+=======
+        // i {
+          // font-size: 1.5rem;
+        // }
+>>>>>>> e228589b7454afaad5ef2dc5b2a15128ee2deeff
         li {
           flex-shrink: 0;
         }

package/dist/src/assets/styles/signup.scss

@@ -1,150 +1,140 @@
-@mixin margin($margin-top:0,$margin-right:0,$margin-down:0,$margin-left:0){
-    margin: $margin-top $margin-right $margin-down $margin-left;
-} 
+@mixin margin(
+  $margin-top: 0,
+  $margin-right: 0,
+  $margin-down: 0,
+  $margin-left: 0
+) {
+  margin: $margin-top $margin-right $margin-down $margin-left;
+}
 @mixin flex-prop {
-    display: flex;
-    justify-content: flex-end;
-    
+  display: flex;
+  justify-content: flex-end;
 }
 
-.right-container-signup{
-    background-color: #FFFFFF;
-    width: 50%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-            .login-form{
-
-                width: 400px;
-                .sign-in-text{
-                    display: flex;
-                    width: 100%;
-                    justify-content: flex-start;
-                h2{
-                    color: var(--hlx-text-color-primary);
-                    font-weight: lighter;
-                    margin-bottom: 15px;
-                    font-size: 24px;
-                }
-                }
-                .forgot-pssword{
-                    color: var(--hlx-text-color-primary);
-                    font-size: 14px;
-                    margin-bottom: 15px;
-                    float: right;
-                    cursor: pointer;
-                    &:hover{
-                        color: var(--hlx-color-primary);
-                    }
-
-                }
-                .quotes-container{
-                    font-size: 14px;
-                    .black-frame{
-                        color: var(--hlx-text-color-primary);
-                        .signup-text{
-                            text-decoration: none;
-                            cursor: pointer;
-                            color: var(--hlx-color-primary);
-
-                        }
-
-                    }
-
-                }
-    
-                button{
-                    width:100% ;
-                    border-radius: 4px;
-                    border: none;
-                    margin-bottom: 15px;
-                    padding: 10px 24px 10px 24px;
-                    color: #fff;
-                    background-color: var(--hlx-color-primary);
-                    cursor: pointer;
-                }
-                // button:hover{
-                //     background-color: var(--hlx-color-primary)-dark;
-                //     color: var(--hlx-color-primary);
-                // }
-                
-            }
-                .create-password{
-                    margin-bottom: 15px;
-                }
-
-        
+.right-container-signup {
+  background-color: #ffffff;
+  width: 50%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .login-form {
+    width: 400px;
+    .sign-in-text {
+      display: flex;
+      width: 100%;
+      justify-content: flex-start;
+      h2 {
+        color: var(--hlx-text-color-primary);
+        font-weight: lighter;
+        margin-bottom: 15px;
+        font-size: 24px;
+      }
+    }
+    .forgot-pssword {
+      color: var(--hlx-text-color-primary);
+      font-size: 14px;
+      margin-bottom: 15px;
+      float: right;
+      cursor: pointer;
+      &:hover {
+        color: var(--hlx-color-primary);
+      }
+    }
+    .quotes-container {
+      font-size: 14px;
+      .black-frame {
+        color: var(--hlx-text-color-primary);
+        .signup-text {
+          text-decoration: none;
+          cursor: pointer;
+          color: var(--hlx-color-primary);
+        }
+      }
+    }
 
-    
+    button {
+      width: 100%;
+      border-radius: 4px;
+      border: none;
+      margin-bottom: 15px;
+      padding: 10px 24px 10px 24px;
+      color: #fff;
+      background-color: var(--hlx-color-primary);
+      cursor: pointer;
+    }
+    // button:hover{
+    //     background-color: var(--hlx-color-primary)-dark;
+    //     color: var(--hlx-color-primary);
+    // }
+  }
+  .create-password {
+    margin-bottom: 15px;
+  }
 }
 
 .hlx-signup-container {
-    width: 100%;
-    height: 98%;
-    display: flex;
-    padding: 0;
-    background-color: var(--hlx-border-color-lighter);
-
+  width: 100%;
+  height: 98%;
+  display: flex;
+  padding: 0;
+  background-color: var(--hlx-border-color-lighter);
 
-&>.hlx-signup-left-container{
+  & > .hlx-signup-left-container {
     display: flex;
     height: 100%;
     width: 50%;
-    .left-sec{
-        width: 85%;
-        .header-logo{
-            height: 20%;
-            img{
-                min-width: 190px;
-                padding: 15px;
-                width: 65%;
-            }
+    .left-sec {
+      width: 85%;
+      .header-logo {
+        height: 20%;
+        img {
+          min-width: 190px;
+          padding: 15px;
+          width: 65%;
         }
-        .img-collage{
-            margin-top: 25px;
-            max-height: 75%;
-            width: 90%;
-            margin-left: 45px;
-            img{
-                width: 100%;
-            }
-
+      }
+      .img-collage {
+        margin-top: 25px;
+        max-height: 75%;
+        width: 90%;
+        margin-left: 45px;
+        img {
+          width: 100%;
         }
+      }
     }
-    
-    }
+  }
 
-&>.dividers{
+  & > .dividers {
     width: 7%;
-    display:flex;
-    flex-direction:column;
-    
+    display: flex;
+    flex-direction: column;
+
     background-color: var(--hlx-border-color-lighter);
-    .dashedline-start{
-        height:40%;
-        width:45%;
-        margin:0 12px -40px ;
-        border-right: 1.8px dashed var(--hlx-color-primary);
+    .dashedline-start {
+      height: 40%;
+      width: 45%;
+      margin: 0 12px -40px;
+      border-right: 1.8px dashed var(--hlx-color-primary);
     }
-    .symbol-x{
-        color: var(--hlx-color-primary);
-        margin-left: 0;
-        font-family:'Open Sans', 'Helvetica Neue', sans-serif;
-        font-size:xx-large;
+    .symbol-x {
+      color: var(--hlx-color-primary);
+      margin-left: 0;
+      font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
+      font-size: xx-large;
     }
-    .symbol2-x{
-        color:var(--hlx-border-color-dark);
-        @include margin(10px,0,0,50%);
-            font-family:'Open Sans', 'Helvetica Neue', sans-serif;
-        font-size:xx-large; 
+    .symbol2-x {
+      color: var(--hlx-border-color-dark);
+      @include margin(10px, 0, 0, 50%);
+      font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
+      font-size: xx-large;
     }
-    .dashedline-end{
-        height:58%;
-        margin: -45px 8px;
-        border-left :1.97px dashed var(--hlx-color-primary);
-        width:45%;
+    .dashedline-end {
+      height: 58%;
+      margin: -45px 8px;
+      border-left: 1.97px dashed var(--hlx-color-primary);
+      width: 45%;
     }
+  }
 }
-
-}

package/dist/src/assets/styles/slideControl.scss

@@ -24,6 +24,7 @@
 
   .range-slider__range {
     -webkit-appearance: none;
+    appearance: none;
     // width: calc(100% - (#{$range-label-width + 13px}));
     width: 100%;
     height: $range-track-height;

package/dist/src/assets/styles/source_content.scss

@@ -1,14 +1,14 @@
-.feature-title{
-    color: #606266;
+.feature-title {
+  color: #606266;
+}
+.feature-content {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  code {
+    margin: 0;
+    border-radius: 4px;
+    padding: 0.15rem 0.5rem;
+    color: #303133;
+    background-color: #f5f7fa;
   }
-  .feature-content{
-        font-size: 0.875rem;
-      line-height: 1.25rem;
-      code{
-            margin: 0;
-      border-radius: 4px;
-      padding: .15rem .5rem;
-      color: #303133;
-      background-color: #f5f7fa;
-      }
-  }
+}