lesli 5.0.0

data/lib/sass/lesli/helpers/display.scss

@@ -0,0 +1,44 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+.is-fullwidth {
+    width: 100%;
+}
+
+
+//
+.hover:hover {
+    cursor: pointer;
+}

data/lib/sass/lesli/helpers/tooltip.scss

@@ -0,0 +1,91 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+// · 
+[data-tooltip] {
+    position: relative;
+    z-index: 2;
+    cursor: pointer;
+
+    // Hide the tooltip content by default
+    &:before,
+    &:after {
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+    }
+
+    // Position tooltip above the element 
+    &::before {
+        position: absolute;
+        bottom: 110%;
+        left: 50%;
+        margin-bottom: 5px;
+        margin-left: -80px;
+        padding: 7px;
+        width: 160px;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        border-radius: 3px;
+        background-color: #000;
+        background-color: hsla(0, 0%, 20%, 0.9);
+        color: #fff;
+        content: attr(data-tooltip);
+        text-align: center;
+        font-size: 14px;
+        line-height: 1.2;
+    }
+
+    // Triangle hack to make tooltip look like a speech bubble 
+    &:after {
+        position: absolute;
+        bottom: 110%;
+        left: 50%;
+        margin-left: -5px;
+        width: 0;
+        border-top: 5px solid #000;
+        border-top: 5px solid hsla(0, 0%, 20%, 0.9);
+        border-right: 5px solid transparent;
+        border-left: 5px solid transparent;
+        content: " ";
+        font-size: 0;
+        line-height: 0;
+    }
+
+    // Show tooltip content on hover 
+    &:hover:before,
+    &:hover:after {
+        visibility: visible;
+        opacity: 1;
+    }
+}

data/lib/sass/lesli/layouts/application-announcements.scss

@@ -0,0 +1,40 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+// · 
+
+section.application-announcements {
+    margin-left: var(--lesli-sidebar-width);
+    width: calc(100% - var(--lesli-sidebar-width));
+    padding: 2rem 2rem 0; 
+}

data/lib/sass/lesli/layouts/application-component.scss

@@ -0,0 +1,50 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+#lesli-application {
+    //padding-top: var(--lesli-header-height);
+    display: flex;
+    flex-wrap: wrap;
+}
+
+
+// · 
+section.lesli-element-content {
+    // margin-left: var(--lesli-sidebar-width);
+    // max-width: calc(100% - var(--lesli-sidebar-width));
+    // min-height: calc(100vh - var(--lesli-header-height) - var(--lesli-footer-height));
+    // min-height: calc(100vh - var(--lesli-header-height)); // footer is not enable
+    // background-color: aquamarine;
+}

data/lib/sass/lesli/layouts/application-engines.scss

@@ -0,0 +1,155 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+.lesli-application-engines {
+    top: 0;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    z-index: 98;
+
+    .engines {
+        width: 100%;
+        height: 100%;
+        padding: 1.3rem;
+        
+        overflow-y: scroll;
+        margin-top: var(--lesli-header-height);
+        background-color: var(--lesli-color-background);
+        @include lesli-css-scrollbar(hide);
+
+        // engine
+        a {
+            width: 100%;
+            height: 105px;
+            display: flex;
+            text-align: left;
+            align-items: center;
+            padding: 1rem .4rem;
+            margin-bottom: 1rem;
+            border-radius: .8rem;
+            border: 2px solid transparent;
+            background-color: lesli-css-color(silver, 100);
+            box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+            transition: all ease-in-out .4s;
+            box-shadow: $lesli-box-shadow;
+            width: 320px;
+            height: 263px;
+            flex-direction: column;
+            justify-content: center;
+            margin-bottom: 2rem;
+            div {
+                text-align: center;
+            }
+            &:hover {
+                background-color: #F0F4FF;
+            }
+            &.is-active {
+                background-color: #F0F4FF;
+                border-color: var(--lesli-color-primary);
+                box-shadow: none;
+            }
+        }
+
+        // engine icon
+        svg {
+            margin-right: .4rem;
+            fill: $primary;
+        }
+
+        // title
+        span {
+            font-weight: 600;
+            font-size: 20px;
+        }
+
+        // subtitle
+        p {
+            font-size: 14;
+        }
+
+        span, p {
+            color: var(--lesli-color-primary);
+        }
+
+        // close button 
+        button {
+            width: 100%;
+        }
+    }
+}
+
+@include lesli-css-breakpoint-tablet() {
+    .lesli-application-engines {
+        .container {
+            display: flex;
+            flex-wrap: wrap;
+            align-content: flex-start;
+            justify-content: space-between;
+            margin-left: var(--lesli-sidebar-width);
+            max-width: calc(100% - var(--lesli-sidebar-width));
+
+            // engine
+            a {
+                width: 320px;
+                height: 263px;
+                flex-direction: column;
+                justify-content: center;
+                margin-bottom: 2rem;
+                div {
+                    text-align: center;
+                }
+            }
+
+            // engine icon
+            svg {
+                margin-right: 0;
+                margin-bottom: 1rem;
+            }
+        }
+    }
+}
+
+@include lesli-css-breakpoint-desktop() {
+    .lesli-application-engines {
+        .container {
+            justify-content: flex-start;
+
+            // engine
+            a {
+                margin-right: 1.4rem;
+                margin-bottom: 1.4rem;
+            }
+        }
+    }
+}

data/lib/sass/lesli/layouts/application-footer.scss

@@ -0,0 +1,102 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+// · -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-
+footer.application-footer {
+    width: 100%;
+    padding: .5rem;
+    padding-left: 1rem;
+
+    a {
+        color: lesli-css-color(silver, 700);
+    }
+
+    .navbar {
+        padding-left: .1rem;
+        background-color: transparent;
+        margin-left: var(--lesli-sidebar-width);
+
+        .navbar-start {
+            flex: 1;
+
+            .navbar-item {
+                flex: 1;
+                padding: 0;
+            }
+            
+            input {
+                flex: 1;
+                border: none;
+                background-color: transparent;
+                color: lesli-css-color(silver, 900);
+                &::placeholder { 
+                    opacity: 1;
+                    color: lesli-css-color(silver, 900);
+                }
+
+            }
+
+        }
+
+        .navbar-end a.navbar-item {
+            font-size: .9rem;
+        }
+
+    }
+    
+}
+
+
+
+// · 
+// · -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-     -·-
+section.application-commands {
+    position: absolute;
+    z-index: 98;
+
+    width: 100%;
+    padding: 1.2rem;
+    top: var(--lesli-header-height);
+    margin-left: var(--lesli-sidebar-width);
+    max-width: calc(100% - var(--lesli-sidebar-width) - 30px);
+    min-height: calc(100vh - var(--lesli-header-height) - var(--lesli-footer-height));
+    background-color: lesli-css-color(blue);
+
+    .content {
+        padding: 1.3rem;
+        background-color: lesli-css-color(blue, 100);
+    }
+
+}

data/lib/sass/lesli/layouts/application-header.scss

@@ -0,0 +1,152 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// ·
+header.lesli-application-header {
+    height: var(--lesli-header-height);
+    background-color: var(--lesli-header-color);
+    border-bottom: 1px solid rgba(172,179,194,.2);
+    width: 100%;
+
+
+    // · main logo
+    .lesli-brand {
+        img {
+            height: var(--lesli-header-height);
+        }
+    }
+
+
+    // · Navigation and icons contianer
+    .lesli-application-header-container {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 0 1.2rem;
+    }
+
+
+    // · Logo and search container
+    .lesli-application-header-left {
+        flex: 1;
+
+        .control {
+            flex: 1;
+
+            .icon {
+                height: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .material-icons {
+                font-size: 25px;
+            }
+
+            input {
+                font-size: 1.15rem;
+                padding-left: 2.7rem;
+                border-radius: 8px;
+                border: 1px solid transparent;
+                transition: all linear .3s;
+                background-color: transparent;
+
+                &::placeholder {
+                    color: lesli-css-color(silver, 700);
+                }
+
+                &:focus {
+                    max-width: 98%;
+                    border-color: lesli-css-color(silver);
+                }
+            }
+        }
+    }
+
+
+    // · Indicator icons container
+    .lesli-application-header-right {
+
+        // Notification icon & count
+        .header-indicator {
+            margin-left: 20px;
+            position: relative;
+
+            // icons
+            [class^="ri-"] {
+                font-size: 25px;
+            }
+
+            .count {
+                top: -8px;
+                right: -4px;
+                width: 8px;
+                height: 8px;
+                font-size: 0px;
+                text-align: center;
+                border-radius: 50%;
+                background-color: lesli-css-color(berry, 300);
+                color: lesli-css-color(silver, 100);
+                font-family: sans-serif;
+                position: absolute;
+            }
+        }
+
+        // 
+        .header-user-options {
+            margin-left: 20px;
+
+            .dropdown-trigger .ri-user-smile-line {
+                font-size: 26px;
+            }
+
+            .dropdown-menu {
+                min-width: 15rem;
+
+                .dropdown-content {
+                    width: 100%;
+                }
+            }
+
+            .dropdown-item {
+                [class^="ri-"] {
+                    font-size: 22px;
+                }
+            }
+        }
+    }
+}

data/lib/sass/lesli/layouts/application-navbar.scss

@@ -0,0 +1,61 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+nav.lesli-application-navigation {
+    background-color: var(--lesli-navbar-color);
+    border-bottom: 1px solid rgba(172,179,194,.2);
+    width: 100%;
+
+    ul {
+        display: flex;
+        justify-content: center;
+
+        li a {
+            padding: 1rem 1.1rem;
+            display: flex;
+            align-items: center;
+
+            // link label
+            span.text {
+                margin-left: 6px;
+                font-size: 1rem;
+                display: inline-block;
+                flex-grow: 1;
+                text-align: left;
+            }
+
+            [class^="ri-"] {
+                font-size: 18px;
+            }
+        }
+    }
+}