npm - @mediusinc/mng-commons - Versions diffs - 5.0.0-rc.0-c31d5206 → 5.0.0-rc.1 - Mend

@mediusinc/mng-commons 5.0.0-rc.0-c31d5206 → 5.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1436) hide show

package/scss/common/layout/_landing.scss DELETED Viewed

@@ -1,636 +0,0 @@
-.landing-container {
-    background: #100e23;
-    .layout-topbar-logo,
-    .layout-footer-logo {
-        .appname {
-            margin-left: 0.5rem;
-        }
-    }
-    #header {
-        width: 100%;
-        min-height: 1000px;
-        background: url('#{$baseHref}assets/images/mng/landing/landing-header-2x.jpg') top left no-repeat;
-        background-size: cover;
-        padding: 2.5rem 3rem;
-        .header-menu-container {
-            .header-left-elements {
-                ul {
-                    padding-left: 6rem;
-                }
-            }
-            .header-right-elements {
-                .contact-button {
-                    background: rgba(68, 72, 109, 0.05);
-                    color: #44486d;
-                    font-weight: 500;
-                    border-radius: 8px;
-                }
-                .contact-icons {
-                    i {
-                        color: #44486d;
-                        opacity: 0.8;
-                        margin-right: 1rem;
-                        font-size: 18px;
-                    }
-                    &:hover {
-                        i {
-                            color: darken(#44486d, 20%);
-                        }
-                    }
-                }
-            }
-            a {
-                font-weight: 500;
-                color: #44486d;
-                cursor: pointer;
-            }
-            #menu {
-                display: flex;
-                align-items: center;
-                flex-direction: row;
-                list-style-type: none;
-            }
-        }
-        .header-text {
-            padding: 100px 60px;
-            h1 {
-                font-size: 80px;
-                line-height: 95px;
-                color: #44486d;
-            }
-            h2 {
-                font-weight: 500;
-                font-size: 30px;
-                line-height: 36px;
-                color: #44486d;
-            }
-            .p-button {
-                background: #04e3f2;
-                border-color: #04e3f2;
-                font-weight: bold;
-                color: #000000;
-                mix-blend-mode: multiply;
-                border-radius: 8px;
-                padding: 0.858rem 1.142rem;
-            }
-        }
-        .header-features {
-            padding: 100px 60px;
-            .header-feature-box {
-                background: rgba(0, 0, 0, 0.5);
-                border: 1px solid rgba(0, 0, 0, 0.15);
-                box-sizing: border-box;
-                backdrop-filter: blur(40px);
-                border-radius: 20px;
-                padding: 30px 33px 36px 33px;
-                max-width: 370px;
-                .title {
-                    display: block;
-                    font-size: 20px;
-                    line-height: 23px;
-                }
-                .content {
-                    font-size: 14px;
-                    line-height: 16px;
-                }
-            }
-        }
-    }
-    #meet-atlantis {
-        width: 100%;
-        min-height: 620px;
-        background: #100e23;
-        position: relative;
-        padding-top: 65px;
-        .ellipsis-1 {
-            position: absolute;
-            right: 0;
-            z-index: 11;
-        }
-        .ellipsis-2 {
-            position: absolute;
-            left: 0;
-            bottom: -100px;
-            z-index: 11;
-        }
-        .ellipsis-3 {
-            filter: blur(20px);
-            position: absolute;
-            left: 130px;
-            top: 40px;
-        }
-        .ellipsis-4 {
-            position: absolute;
-            right: 310px;
-            bottom: 0;
-            z-index: 9;
-        }
-        .atlantis-modes {
-            z-index: 10;
-            img {
-                max-width: 800px;
-                border-radius: 8px;
-            }
-        }
-    }
-    .clip-background {
-        background: #100e23;
-        position: relative;
-    }
-    .landing-wrapper-back {
-        background: transparent;
-        color: #f4f8fb;
-        margin-top: calc((var(--clip-padding) * -1) - 300px);
-        padding: calc((var(--clip-padding) * 4) - (var(--clip-padding) - var(--skew-padding))) 0 4em;
-        padding-left: 3rem;
-        padding-right: 3rem;
-        position: absolute;
-        width: 100%;
-        #features-back {
-            padding-left: 14rem;
-            padding-right: 5rem;
-            h2 {
-                font-weight: 500;
-                font-size: 30px;
-                line-height: 36px;
-                text-align: center;
-            }
-            .feature-boxes {
-                h3 {
-                    font-weight: 500;
-                    font-size: 24px;
-                    line-height: 29px;
-                }
-                p {
-                    font-size: 18px;
-                    line-height: 26px;
-                    max-width: 420px;
-                }
-                &.feature-boxes-1 {
-                    margin-bottom: 170px;
-                    .widget-overview-box {
-                        background: #ffffff;
-                        box-shadow: 0px 8px 30px rgba(59, 56, 109, 0.07);
-                        border-radius: 12px;
-                        margin-bottom: 2rem;
-                        max-width: 350px;
-                    }
-                }
-            }
-        }
-    }
-    .landing-wrapper {
-        background: linear-gradient(180deg, #f4f8fb 17.13%, #eeeefa 65.89%);
-        padding-left: 3rem;
-        padding-right: 3rem;
-        padding-bottom: 5rem;
-        position: absolute;
-        color: #44486d;
-        width: 100%;
-        #features {
-            padding-left: 14rem;
-            padding-right: 5rem;
-            h2 {
-                font-weight: 500;
-                font-size: 30px;
-                line-height: 36px;
-                text-align: center;
-            }
-            .feature-boxes {
-                h3 {
-                    font-weight: 500;
-                    font-size: 24px;
-                    line-height: 29px;
-                }
-                p {
-                    font-size: 18px;
-                    line-height: 26px;
-                    max-width: 420px;
-                }
-                &.feature-boxes-1 {
-                    margin-bottom: 170px;
-                    .widget-overview-box {
-                        background: #ffffff;
-                        box-shadow: 0px 8px 30px rgba(59, 56, 109, 0.07);
-                        border-radius: 12px;
-                        margin-bottom: 2rem;
-                        max-width: 350px;
-                    }
-                }
-                &.feature-boxes-2 {
-                    margin-bottom: 140px;
-                    .customer-box {
-                        background: #ffffff;
-                        box-shadow: 0px 8px 30px rgba(68, 72, 109, 0.07);
-                        border-radius: 8px;
-                        max-width: 180px;
-                        max-height: 210px;
-                        text-align: center;
-                        h4 {
-                            font-weight: 500;
-                            font-size: 24px;
-                            line-height: 29px;
-                            white-space: nowrap;
-                        }
-                        h5 {
-                            font-weight: 500;
-                            font-size: 18px;
-                            line-height: 21px;
-                            color: #878d9c;
-                        }
-                        &:nth-child(3) {
-                            opacity: 0.5;
-                        }
-                        &:last-child {
-                            opacity: 0.3;
-                        }
-                    }
-                    > div:first-child {
-                        margin-left: -100px;
-                    }
-                }
-                &.feature-boxes-3 {
-                    margin-bottom: 120px;
-                    ul {
-                        padding-left: 20px;
-                        li {
-                            font-size: 18px;
-                            line-height: 26px;
-                        }
-                    }
-                    .feature-widgets {
-                        position: relative;
-                        .progressbar-widget {
-                            max-width: 350px;
-                            position: absolute;
-                            right: 0;
-                            top: -45px;
-                        }
-                        .chart-widget {
-                            max-height: 260px;
-                            opacity: 0.6;
-                        }
-                    }
-                }
-            }
-        }
-        #pricing {
-            padding-left: 14rem;
-            padding-right: 5rem;
-            margin-bottom: 8.5rem;
-            h2 {
-                font-weight: 500;
-                font-size: 30px;
-                line-height: 36px;
-            }
-            p {
-                font-size: 18px;
-                line-height: 26px;
-                max-width: 650px;
-                margin-bottom: 4.5rem;
-            }
-            .pricing-content {
-                width: 100%;
-                .card {
-                    height: 100%;
-                    background: #ffffff;
-                    box-shadow: 0px 10px 50px rgba(29, 15, 57, 0.13);
-                    border-radius: 20px;
-                }
-                .type {
-                    font-weight: 500;
-                    font-size: 26px;
-                    line-height: 31px;
-                }
-                h1 {
-                    font-weight: 500;
-                    font-size: 50px;
-                    line-height: 60px;
-                }
-                .options {
-                    padding: 0 2rem;
-                    margin-top: 0;
-                    li {
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        font-size: 18px;
-                        line-height: 26px;
-                        padding: 0.5rem;
-                        text-align: center;
-                    }
-                }
-                .buy-button {
-                    background: #efeffb;
-                    color: #44486d;
-                    font-weight: 600;
-                    line-height: 24px;
-                    border-radius: 8px;
-                }
-                .active-buy-button {
-                    background: #00cae6;
-                    color: #ffffff;
-                    border-radius: 8px;
-                    font-weight: 600;
-                    line-height: 24px;
-                }
-            }
-        }
-        #footer {
-            border-top: 1px solid $dividerColor;
-            .footer-header-container {
-                padding-bottom: 1.5rem;
-                border-bottom: 2px solid #efeffb;
-                mix-blend-mode: multiply;
-                .layout-footer-logo {
-                    span {
-                        font-size: 14px;
-                        line-height: 26px;
-                        color: #44486d;
-                        opacity: 0.7;
-                        margin-left: 2.5rem;
-                    }
-                }
-                .footer-right-elements {
-                    .contact-icons {
-                        cursor: pointer;
-                        i {
-                            color: #44486d;
-                            opacity: 0.8;
-                            margin-right: 1rem;
-                            font-size: 18px;
-                        }
-                        &:hover {
-                            i {
-                                color: darken(#44486d, 20%);
-                            }
-                        }
-                    }
-                }
-            }
-            .newsletter {
-                .header {
-                    font-weight: 500;
-                    font-size: 16px;
-                    line-height: 19px;
-                    opacity: 0.6;
-                }
-                p {
-                    font-weight: 500;
-                    font-size: 14px;
-                    line-height: 17px;
-                    opacity: 0.6;
-                }
-                input {
-                    background: #efeffb;
-                    mix-blend-mode: multiply;
-                    opacity: 0.8;
-                    color: #44486d;
-                    border-radius: 8px 0 0 8px;
-                    border-color: transparent;
-                    padding: 0.714rem 1rem;
-                    min-width: 400px;
-                    &::placeholder {
-                        font-weight: 500;
-                        font-size: 14px;
-                        line-height: 17px;
-                        color: #44486d;
-                        mix-blend-mode: multiply;
-                        opacity: 0.25;
-                    }
-                }
-                .join-button {
-                    background: #7272b2;
-                    mix-blend-mode: multiply;
-                    border-radius: 0 8px 8px 0;
-                }
-            }
-        }
-    }
-}
-@media screen and (max-width: 991px) {
-    .landing-container {
-        #header {
-            .header-features,
-            .header-text {
-                padding: 100px 0;
-            }
-            .header-menu-container {
-                .contact-button {
-                    margin-right: 1rem;
-                }
-                #menu {
-                    @include reset-list;
-                    display: none;
-                    z-index: 100;
-                    position: fixed;
-                    top: 6rem;
-                    right: 5rem;
-                    width: 250px;
-                    background: linear-gradient(180deg, #f4f8fb 17.13%, #eeeefa 65.89%);
-                    animation-duration: $transitionDuration;
-                    a {
-                        color: #44486d;
-                    }
-                    > li {
-                        width: 100%;
-                        &:hover {
-                        }
-                    }
-                    &.menu-active {
-                        display: flex;
-                        flex-direction: column;
-                        align-items: flex-start;
-                        justify-content: stretch;
-                    }
-                }
-            }
-        }
-        #meet-atlantis {
-            min-height: 320px;
-            .ellipsis-1,
-            .ellipsis-2,
-            .ellipsis-3,
-            .ellipsis-4 {
-                display: none;
-            }
-            .atlantis-modes {
-                img {
-                    max-height: 170px;
-                }
-            }
-        }
-        .landing-wrapper-back {
-            display: none;
-        }
-        .landing-wrapper {
-            padding: 2.5rem 3rem;
-            &.clip-path {
-                clip-path: none;
-                margin-top: 0;
-            }
-            #features {
-                padding-left: 0;
-                padding-right: 0;
-                .feature-boxes {
-                    &.feature-boxes-1,
-                    &.feature-boxes-2,
-                    &.feature-boxes-3 {
-                        margin-bottom: 50px;
-                    }
-                    &.feature-boxes-3 {
-                        .feature-widgets {
-                            overflow: hidden;
-                            .progressbar-widget {
-                                max-width: 350px;
-                                position: absolute;
-                                right: -150px;
-                                top: -15px;
-                            }
-                        }
-                    }
-                }
-            }
-            #pricing {
-                padding-left: 0;
-                padding-right: 0;
-                .pricing-content {
-                    .card {
-                        margin-right: 0 !important;
-                    }
-                }
-            }
-            #footer {
-                .newsletter {
-                    p,
-                    input {
-                        min-width: auto;
-                        max-width: 300px;
-                    }
-                }
-            }
-        }
-    }
-}
-:root {
-    --width: 100vw;
-    --full-width: 100vw;
-    @media (min-width: 42em) {
-        --width: 42rem;
-    }
-    --angle: -15deg;
-    /*-----------------
-    Magic Number Alert:
-    the 0.09719 is calculated by this formula:
-    tan(11°) / 2
-    11° is the current skewY value.
-    ------------------*/
-    --magic-number: 0.09719;
-    --skew-padding: calc(var(--width) * var(--magic-number));
-    --clip-padding: calc(var(--full-width) * var(--magic-number));
-}
-.clip-path {
-    position: relative;
-    margin-top: calc((var(--clip-padding) * -1) - 300px);
-    padding: calc((var(--clip-padding) * 4) - (var(--clip-padding) - var(--skew-padding))) 0 4em;
-    clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);
-    -webkit-clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);
-}

package/scss/common/layout/_layout_dark.scss DELETED Viewed

@@ -1,23 +0,0 @@
-@import '../variables/layout/_layout_dark';
-@import './_mixins';
-@import './_utils';
-@import './_typography';
-//@import './_loader';
-@import './_topbar';
-@import './_breadcrumb';
-@import './_main';
-@import './menu/_menu';
-//@import './_inlinemenu';
-//@import './_config';
-@import './_footer';
-//@import './_dashboard';
-//@import './_rightmenu';
-//@import './_widgets';
-//@import './_invoice';
-//@import './_help';
-//@import './_login';
-//@import './_exception';
-//@import './_landing';
-// MNG styles
-@import '../../mng-overrides/_layout_styles';

package/scss/common/layout/_layout_light.scss DELETED Viewed

@@ -1,23 +0,0 @@
-@import '../variables/layout/_layout_light';
-@import './_mixins';
-@import './_utils';
-@import './_typography';
-//@import './_loader';
-@import './_breadcrumb';
-@import './_topbar';
-@import './_main';
-@import './menu/_menu';
-//@import './_inlinemenu';
-//@import './_config';
-@import './_footer';
-//@import './_dashboard';
-//@import './_rightmenu';
-//@import './_widgets';
-//@import './_invoice';
-//@import './_help';
-//@import './_login';
-//@import './_exception';
-//@import './_landing';
-// MNG styles
-@import '../../mng-overrides/_layout_styles';

package/scss/common/layout/_loader.scss DELETED Viewed

@@ -1,17 +0,0 @@
-.loading-wrapper {
-    height: 100vh;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    flex-wrap: wrap;
-    > svg {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        width: 60px;
-        height: 60px;
-    }
-}