@fishawack/lab-velocity 1.11.1 → 2.0.0-beta.2

package/modules/_AuthModule.scss

@@ -1,209 +0,0 @@
-@import "./AuthVariables";
-@import "element-plus/theme-chalk/base";
-@import "../components/input.scss";
-@import "../components/button";
-@import "../components/basic";
-@import "./modal";
-
-// AuthModule
-.AuthModule {
-    position: fixed;
-    background-color: black;
-    height: 100vh;
-    width: 100%;
-    background: url('../media/content/images/hero-auth-background-desktop.jpg') center top no-repeat;
-    background-size: cover;
-    z-index: 10;
-
-    .logo {
-        width: 13.3rem;
-        z-index: 99;
-    }
-    @include breakpoint (max-width $tabletMax) {
-        background: url('../media/content/images/hero-auth-background-tablet.jpg') center top no-repeat;
-    }
-    @include breakpoint (max-width $mobileMax) {
-        background: url('../media/content/images/hero-auth-background-mobile.jpg') center top no-repeat;
-    }
-}
-
-.AuthModule__form {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background-color: white;
-    min-width: 320px;
-    width: 460px;
-    padding: 48px 40px 40px;
-    z-index: 1;
-
-    @include breakpoint (max-width $mobileMax) {
-        top: 84px;
-        transform: translate(-50%, 0);
-        padding: 24px;
-        width: calc(100% - 80px);
-        h2 .h2 {
-            font-size: 24px;
-            line-height: 32px;
-        }
-    }
-
-    h2, .h2 {
-        line-height: 50px;
-        font-size: 48px;
-    }
-    .h2--small {
-        font-size: 36px;
-        line-height: 44px;
-    }
-
-    p {
-        font-size: 14px;
-        line-height: 20px;
-        margin-bottom: 24px;
-        letter-spacing: -0.1px;
-        &.disclaimer {
-            font-size: 12px;
-            color: rgba($color1, 0.5);
-            margin: 0;
-        }
-        a {
-            color: $color1;
-        }
-        &.form__error {
-            font-size: 12px;
-            line-height: 18px;
-        }
-    }
-
-    .vel-button {
-        max-width: 200px;
-        width: 200px;
-        padding: 9px 23.5px;
-        font-size: 14px;
-        @include breakpoint (max-width $mobileMax) {
-            max-width: unset;
-            width: 100%;
-        }
-    }
-
-    .form {
-        &.error {
-            .form__input {
-                .el-input__wrapper {
-                    border: 0.4px solid red;
-                }
-            }
-            .form__input.error {
-                border:none;
-                .el-input__wrapper {
-                    border: 0.4px solid red;
-                }
-            }
-        }
-        // &__icon-container{
-        //     position: absolute;
-        //     top: 50%;
-        //     right: $spacing * 1.5;
-        //     transform: translateY(-50%);
-        //     display: flex;
-        // }
-        // &__action-icon {
-        //     margin-left: $spacing * 0.5;
-        //     cursor: pointer;
-        // }
-    }
-    .vel-basic__label {
-        font-size: 12px;
-        color: rgba($color1, 0.5);
-    }
-    .vel-basic__textbox {
-        --el-border-color:#CFD8DD;
-        --el-input-text-color :#666666;
-        --el-input-focus-border-color:#CFD8DD;
-        --el-input-hover-border-color:#CFD8DD;
-        font-size: 14px;
-        padding-bottom: $am-spacing * 2.5;
-        .el-input__inner {
-            --el-input-inner-height:38px;
-        }
-    }
-    .el-button--primary {
-        --el-button-text-color:#ffffff;
-    }
-    input, input:focus {
-        @extend .el-input__inner;
-    }
-}
-
-.AuthModule__logo__container {
-    position: absolute;
-    top:48px;
-    left:0%;
-}
-.AuthModule__logo {
-    position: relative;
-}
-.AuthModule__Content {
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    max-width: 1024px;
-    width: 100%;
-    height: 100%;
-}
-
-
-.AM-mb{
-    margin-bottom: $am-spacing !important;
-}
-.AM-mt{
-    margin-top: $am-spacing !important;
-}
-.AM-pb{
-    padding-bottom: $am-spacing !important;
-}
-.AM-pt{
-    padding-top: $am-spacing !important;
-}
-@for $i from 1 through 5 {
-
-    .AM-mb-#{$i - 1} {
-        margin-bottom: ($i - 1) * $am-spacing !important;
-    }
-
-    .AM-mb-#{$i - 1}\.5 {
-        margin-bottom: ($i - .5) * $am-spacing !important;
-    }
-
-    .AM-mt-#{$i - 1} {
-        margin-top: ($i - 1) * $am-spacing !important;
-    }
-
-    .AM-mt-#{$i - 1}\.5 {
-        margin-top: ($i - .5) * $am-spacing !important;
-    }
-
-    .AM-pt-#{$i - 1} {
-        padding-top: ($i - 1) * $am-spacing !important;
-    }
-
-    .AM-pt-#{$i - 1}\.5 {
-        padding-top: ($i - .5) * $am-spacing !important;
-    }
-
-    .AM-pb-#{$i - 1} {
-        padding-bottom: ($i - 1) * $am-spacing !important;
-    }
-
-    .AM-pb-#{$i - 1}\.5 {
-        padding-bottom: ($i - .5) * $am-spacing !important;
-    }
-}
-
-.AM-color-highlight {
-    color: $am-highlight;
-}

package/modules/_AuthVariables.scss

@@ -1,7 +0,0 @@
-$am-spacing: 8px;
-$am-highlight: #3C976E;
-
-$color8: #f2f2f2; //Used
-$color10: #dcdbdb;
-$color12: #5C5C5C;
-$colorAlert: #D53A3A;

package/modules/_modal.scss

@@ -1,24 +0,0 @@
-@import "@fishawack/lab-ui/_modal.scss";
-
-.modal--auth {
-    background-color: transparent;
-
-    transition: all 500ms ease-in-out;
-
-    &::before{
-        content: '';
-        pointer-events: none;
-        z-index: 0 !important;
-        position: fixed;
-        width: 100%;
-        height: 100%;
-        background: #00000066;
-        backdrop-filter: blur(1.5rem);
-        top: 0;
-        left: 0;
-        right: 0;
-    }
-}
-.AuthModule__form.modal__box {
-    position: absolute;
-}

package/navigation/Menu.vue

@@ -1,16 +0,0 @@
-<template>
-  <el-menu
-    class="vel-menu"
-  >           
-    <slot />
-  </el-menu>
-</template>
-
-<script>
-import { ElMenu } from "element-plus";
-export default  {
-  components: {
-    ElMenu
-  }
-}
-</script>

package/navigation/MenuItem.vue

@@ -1,20 +0,0 @@
-<template>
-    <el-menu-item :index="index" class="vel-menu-item" v-bind="$props">
-      <template #title>
-        <slot name="title" />
-      </template>
-      <template #default>
-        <slot name="default" />
-      </template>
-    </el-menu-item>
-</template>
-
-<script>
-import { ElMenuItem } from "element-plus";
-export default  {
-  components: {
-    ElMenuItem
-  },
-  props: ['index']
-}
-</script>

package/navigation/MenuItemGroup.vue

@@ -1,20 +0,0 @@
-<template>
-    <el-sub-menu :index="index" v-bind="$props">
-      <template #title>
-        <slot name="title" />
-      </template>
-      <template #default>
-        <slot name="default" />
-      </template>
-    </el-sub-menu>
-</template>
-
-<script>
-import ElSubMenu from "./SubMenu.vue";
-export default  {
-  components: {
-    ElSubMenu
-  },
-  props:['index']
-}
-</script>

package/navigation/SubMenu.vue

@@ -1,20 +0,0 @@
-<template>
-    <el-sub-menu :index="index" class="vel-sub-menu" >
-      <template #title>
-        <slot name="title" />
-      </template>
-      <template #default>
-        <slot name="default" />
-      </template>
-    </el-sub-menu>
-</template>
-
-<script>
-import { ElSubMenu } from "element-plus";
-export default  {
-  components: {
-    ElSubMenu
-  },
-  props: ['index']
-}
-</script>