lesli 5.0.13 → 5.0.14

data/lib/scss/layouts/application-sidebar.scss

@@ -1,219 +0,0 @@
-/*
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.dev
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// use the default background color so we can use bulma functions to find the rest of colors
-@if $lesli-sidebar-color == "transparent" {
-    $lesli-sidebar-color: $lesli-color-background;
-}
-
-
-// · text color white or black depending in the luminance of the selected color
-$lesli-sidebar-color-text: findColorInvert($lesli-sidebar-color) !default;
-
-
-// · find exactly the inverted background color to use as text color, so we have contrast
-$lesli-sidebar-hover-text: findColorInvert($lesli-sidebar-hover) !default;
-$lesli-sidebar-hover: darken($lesli-color-background, 8);
-
-
-// · Navigation sidebar
-aside.lesli-application-sidebar {
-    display: flex;
-    flex-direction: column;
-    transition: all linear .2s;
-    width: var(--lesli-sidebar-width);
-    // background-color: var(--lesli-sidebar-color);
-    // background-color: #f9f9f9;
-    // background-color: bisque;
-    padding: 48px 1rem;
-
-    // allow the container to scroll over the navigation items
-    nav {
-        // hide scrollbar
-        @include lesli-css-scrollbar(hide);
-        overflow-y: scroll;
-        background-color: white;
-        border-radius: 8px;
-        //margin: 0 1rem 1rem;
-    }
-
-    p.menu-label {
-        padding-left: 26px;
-        font-size: .85rem;
-        margin: .4rem 0;
-        color: $lesli-sidebar-color-text;
-    }
-
-    // link container
-    li {
-
-        // link
-        a {
-            color: $lesli-sidebar-color-text;
-            text-align: center;
-            padding: 1rem 0;
-
-            // highlight sidebar navigation item when selected
-            // highlight sidebar navigation item on hover
-            &:hover,
-            &.is-active,        // rails routes
-            &.route-is-active   // vue routes
-            {
-                color: $lesli-sidebar-hover-text;
-                background-color: $lesli-sidebar-hover;
-            }
-
-            // icons from reixicons
-            span.icono {
-                font-size: 25px;
-                
-            }
-
-            // link text
-            span.text,
-            span.chevron {
-                display: none;
-            }
-
-        }
-
-        &.lesli-navigation-list {
-
-            &.active {
-                background-color: $lesli-sidebar-hover;
-                ul {
-                    height: auto;
-                }
-            }
-
-            .lesli-navigation-list-label {
-                padding: 1rem;
-                border-radius: 6px;
-                border: 1px solid lesli-css-color(silver, 300);
-                max-width: 75px;
-                margin: 0 auto 1rem;
-            }
-
-            // submenus
-            ul {
-                height: 0;
-                border-left: none;
-                overflow: hidden;
-                display: block;
-                padding: 0;
-                margin: 0;
-                & > a span {
-                    display: none;
-                }
-                
-            }
-        }
-    }
-}
-
-
-// · 
-@include lesli-css-breakpoint-tablet {
-
-    // · Navigation sidebar
-    aside.lesli-application-sidebar {
-
-        // logo
-        .brand {
-            padding: .2rem;
-        }
-    }
-}
-
-
-// · 
-@include lesli-css-breakpoint-desktop {
-    aside.lesli-application-sidebar {
-
-        // logo container
-        .brand {
-            padding: 1rem 0rem;
-        }
-
-        // link container
-        li {
-
-            // link
-            a {
-                display: flex;
-                padding: 1.1rem 0;
-                padding-left: 1rem;
-                align-items: center;
-
-                // main icon
-                svg.icono,
-                span.icono {
-                    width: 65px;
-                }
-
-                // link label
-                span.text {
-                    display: inline-block;
-                }
-    
-                span.text {
-                    font-size: 1rem;
-                    display: inline-block;
-                    flex-grow: 1;
-                    text-align: left;
-                    &.iconless {
-                        margin-left: 74px;
-                    }
-                }
-    
-                span.chevron {
-                    display: inline-flex;
-                    margin-right: 16px;
-                    
-                }
-
-            }
-
-            &.lesli-navigation-list {
-                .lesli-navigation-list-label {
-                    padding: 0;
-                    border: none;
-                    display: flex;
-                    padding: 1.6rem 0;
-                    max-width: 100%;
-                    align-items: center;
-                    margin-bottom: 0;
-                }
-            }
-        }
-    }
-}

data/lib/scss/overrides/notification.scss

@@ -1,75 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-.lesli-msg {
-    position: fixed;
-    width: 100%;
-    top: 40px;
-
-    .lesli-msg-content {
-        text-align: center;
-        margin-bottom: 2px;
-        //animation: lesli-msg-move-in-top cubic-bezier(.22, .58, .12, .98) .4s;
-         &.hide {
-             animation: lesli-msg-fade-out cubic-bezier(.22, .58, .12, .98) .2s forwards;
-         }
-
-        .notification {
-            display: inline-block;
-        }
-    }
-}
-
-// · animations
-@keyframes lesli-msg-move-in-top {
-    from {
-        opacity: 0;
-        transform: translate(0, 5em);
-    }
-
-    to {
-        opacity: 1;
-        transform: translate(0, 0);
-    }
-}
-
-@keyframes lesli-msg-fade-out {
-    from {
-        opacity: 1;
-    }
-
-    to {
-        opacity: 0;
-    }
-}

data/lib/scss/overrides/sweetalert.scss

@@ -1,106 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS development platform.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// ·  
-
-*/
-
-
-// · 
-.swal2-container.swal2-center.swal2-backdrop-show {
-    background-color: rgba(18, 18, 18, 0.7) !important;
-
-    // · 
-    h2.swal2-title {
-        color: lesli-css-color(black);
-        font-family: "Exo";
-        font-weight: 800;
-        text-align: left;
-        font-size: 20px;
-    }
-
-    // · 
-    .swal2-popup {
-
-        // · 
-        .swal2-html-container {
-            margin: 1rem 1.3rem;
-            text-align: left;
-        }
-
-        // · 
-        .swal2-actions {
-
-            // · 
-            button {
-                border-radius: 8px;
-                font-family: "Exo";
-                font-weight: 600;
-            }
-
-            button.swal2-confirm {
-                background-color: $primary;
-            }
-
-            // · 
-        }
-
-    }
-    
-}
-
-
-// · 
-@include lesli-css-breakpoint-only-mobile() {
-    .swal2-container.swal2-center.swal2-backdrop-show {
-        padding: 0;
-        grid-template-columns: auto auto minmax(0,1fr);
-        background-color: lesli-css-color(solid, white) !important;
-        .swal2-popup {
-            width: 100%;
-            grid-column: 3;
-            grid-row: 3;
-            align-self: end;
-            justify-self: end;
-            box-shadow: none;
-            .swal2-html-container {
-                margin-bottom: 6rem;
-            }
-            .swal2-actions {
-                width: 100%;
-                height: 100px;
-                max-width: 380px;
-                margin-top: auto;
-                button {
-                    width: 100%;
-                }
-            }
-        }
-    }
-}

data/lib/scss/pages/devise-simple.scss

@@ -1,89 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-@import "Lesli/scss/templates/public";
-
-
-// · 
-main {
-    background: white;
-
-    // logo container
-    .hero-head {
-        padding: 8rem 0 4rem;
-
-        .lesli-logo {
-            max-width: 130px;
-            margin-bottom: 1rem;
-        }
-    }
-
-    // form container
-    .hero-body {
-        flex-direction: column;
-        background-color: whitesmoke;
-        border-top: 1px solid #ebebeb;
-
-        form {
-            width: 100%;
-            padding: 4rem;
-            max-width: 750px;
-            margin: 2rem auto;
-            border-radius: 6px;
-            border: 1px solid #ececec;
-            background-color: white;
-
-            .label {
-                font-size: 1.1rem;
-                font-weight: 600;
-                margin-bottom: 0;
-                color: lesli-css-color(slate, 500);
-            }
-        }
-
-        .links {
-            display: flex;
-
-            a {
-                display: flex;
-                align-items: center;
-                font-family: "OpenSans";
-                // add margin only to the middle links
-                &:not(:first-child):not(:last-child) {
-                    margin: 0 1rem;
-                }
-            }
-        }
-    }
-}

data/lib/scss/pages/devise.scss

@@ -1,179 +0,0 @@
-/*
-
-Lesli
-
-Copyright (c) 2023, Lesli Technologies, S. A.
-
-This program is free software: you can redistribute it and/or modify
-it under the terms of the GNU General Public License as published by
-the Free Software Foundation, either version 3 of the License, or
-(at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program. If not, see http://www.gnu.org/licenses/.
-
-Lesli · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by LesliTech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// ·
-@import "lesli-css";
-
-
-// ·
-@import "Lesli/scss/templates/public";
-
-
-// · reusable background styles
-@mixin lesli-login-background() {
-    background: linear-gradient(0deg, 
-        rgba(49, 106, 255, 0.4), 
-        rgba(49, 106, 255, 0.4)), 
-        url("lesli/brand/login-background.jpg");
-    background-position: center;
-    background-size: cover;
-}
-
-
-// ·
-h1,
-.links,
-.terms {
-    width: 100%;
-    max-width: 320px;
-}
-
-
-// ·
-h1 {
-    line-height: 33px;
-    font-weight: 900;
-    font-size: 24px;
-}
-
-
-// column container
-.column.login-form {
-    max-width: 550px;
-    margin: 0 auto;
-
-    // logo container
-    .logo {
-        img {
-            width: initial;
-            height: initial;
-        }
-        p {
-            font-weight: 600;
-            text-align: left;
-        }
-    }
-
-    form {
-
-        .demo {
-            fieldset {
-                padding: 4px 8px;
-                border-radius: 4px;
-                border: 1px solid silver;
-            }
-        }
-
-        label {
-            font-weight: 400;
-            font-size: 15px;
-            line-height: 150%;
-        }
-
-        input {
-            border-radius: 6px;
-            box-shadow: none;
-        }
-        
-        input[type="password"] {
-            font-family: Verdana;
-            letter-spacing: 0.1rem;
-        }
-
-        p.help {
-            font-weight: 600;
-        }
-
-        p.account {
-            font-size: 15px;
-            font-weight: 400;
-        }
-    }
-
-    .links {
-
-        a {
-            width: 100%;
-            display: flex;
-            flex-grow: 1;
-            padding: .8rem 0;
-            &:not(:last-child) {
-                border-bottom: 1px solid lesli-css-color(silver, 300);
-            }
-        }
-
-        span {
-            font-family: "Domine";
-            font-weight: 500;
-            font-size: 14px;
-        }
-    }
-
-    .terms {
-        font-family: "Domine";
-        font-weight: 400;
-        font-size: 12px;
-        line-height: 19px;
-        letter-spacing: -44%;
-    }
-}
-
-
-// column with image background right side
-.column.background {
-    @include lesli-login-background;
-}
-
-
-@include lesli-css-breakpoint-until-tablet() {
-
-    // login column must be full width on mobile
-    .column.login-form {
-        width: 100%;
-        max-width: 100%;
-        @include lesli-login-background;
-
-        .hero {
-            padding: 2rem 0;
-        }
-
-        // center the form 
-        .hero-body {
-            margin: 0 auto;
-            max-width: 500px;
-            background-color: white;
-            border-radius: 6px;
-            padding: 1rem 3rem;
-        }
-    }
-}