lesli 5.0.0

data/lib/sass/lesli/elements/gallery.scss

@@ -0,0 +1,98 @@
+/*
+
+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-gallery {
+    min-height: auto;
+    height: 100%;
+    width: 100%;
+    position: relative;
+    .grid {
+        height: auto;
+        width: 100%;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, 150px);
+        gap: 18px;
+        .item {
+            width: 150px;
+            height: 150px;
+            position: relative;
+            border-radius: 10px;
+            overflow: hidden;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            img {
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+            }
+            span { 
+                position: absolute;
+                top: 5px;
+                right: 5px;
+                cursor: pointer;
+                background: white;
+                border-radius: 50%;
+            }
+        }
+    }
+    .slider {
+        height: 100%;
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        &-controls {
+            position: absolute;
+            bottom: 20px;
+            left: 10px;
+            display: flex;
+            align-items: center;
+            .info {
+                color: white;
+                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+                font-size: 24px;
+                margin-left: 16px;
+            }
+            button {
+                &:first-child {
+                    margin-right: 5px;
+                }
+                .icon {
+                    margin: 0 !important;
+                }
+            }
+        }
+    }
+}

data/lib/sass/lesli/elements/header.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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+.lesli-element-header {
+    margin: 40px auto 30px;
+
+    .lesli-element-header-items {
+        display: flex;
+        gap: 0.5rem;
+        align-items: center;
+    }
+}

data/lib/sass/lesli/elements/input-tag.scss

@@ -0,0 +1,73 @@
+/*
+
+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-input-tag {
+    border: 1px solid lesli-css-color(silver, 300);
+    border-radius: 2px;
+    position: relative;
+    
+    .container-input {
+        width: 320px;
+        input {
+            border: none;
+            width: 100%;
+            &:focus {
+                outline: none;
+            }
+        }
+    }
+
+    .options {
+        position: absolute;
+        border: 1px solid lesli-css-color(silver, 300);
+        background: var(--lesli-color-background);
+        z-index: 1;
+        top: 110%;
+        left: 0;
+        right: 0;
+        padding: 4px 8px;
+        height: auto;
+        max-height: 300px;
+        overflow-y: scroll;
+        &-element:hover {
+            background-color: lesli-css-color(silver, 300);
+            cursor: pointer;
+        }
+    }
+}
+
+
+

data/lib/sass/lesli/elements/loading.scss

@@ -0,0 +1,63 @@
+/*
+
+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-loading {
+    padding: 4rem 0;
+    .loading-animation {
+        display: inline-block;
+        position:relative;
+        height:18px;
+        width:18px;
+        hr {
+            border:0;
+            margin:0;
+            width:40%;
+            height:40%;
+            position:absolute;
+            border-radius:50%;
+            animation:assistant-chatbox-spin 2s ease infinite;
+            &:first-child { background:#19A68C; animation-delay: -1.5s }
+            &:nth-child(2){ background:#F63D3A; animation-delay: -1.0s }
+            &:nth-child(3){ background:#FDA543; animation-delay: -0.5s }
+            &:last-child {  background:#193B48 }
+        }
+        @keyframes assistant-chatbox-spin{
+            0%,100%{transform:translate(0)}
+            25%{transform:translate(160%)}
+            50%{transform:translate(160%, 160%)}
+            75%{transform:translate(0, 160%)}
+        }        
+    }
+}

data/lib/sass/lesli/elements/map.scss

@@ -0,0 +1,107 @@
+/*
+
+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-map {
+    width: 100%;
+    height: 300px;
+
+    a:link, a:visited {
+        color: #2aaef5;
+        outline: none;
+        text-decoration: none;
+    }
+
+    .landmark {
+        width: 250px;
+        padding: 7px 0 0 0;
+        background: rgba(247, 247, 247, 0.75);
+        border-radius: 5px;
+        box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.29);
+        font-family: Helvetica, Arial, sans-serif;
+        -webkit-transform-origin: 0 10px;
+        transform-origin: 0 10px;
+    
+        h1 {
+            margin-top: 0;
+            padding: 5px 15px;
+            background: #2aaef5;
+            color: rgba(255, 255, 255, 0.9);
+            font-size: 16px;
+            font-weight: 300;
+        }
+    
+        section {
+            padding: 0 15px 5px;
+            font-size: 14px;
+    
+            p {
+                margin: 5px 0;
+            }
+        }
+
+        &:after {
+            content: "";
+            position: absolute;
+            top: 7px;
+            left: -13px;
+            width: 0;
+            height: 0;
+            margin-bottom: -13px;
+            border-right: 13px solid #2aaef5;
+            border-top: 13px solid rgba(0, 0, 0, 0);
+            border-bottom: 13px solid rgba(0, 0, 0, 0);
+        }
+    }
+
+    @-webkit-keyframes scale-and-fadein {
+        0% {
+            -webkit-transform: scale(0.2);
+            opacity: 0;
+        } 100% {
+            -webkit-transform: scale(1);
+            opacity: 1;
+        }
+    }
+    
+    @keyframes scale-and-fadein {
+        0% {
+            transform: scale(0.2);
+            opacity: 0;
+        } 100% {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }
+
+}
+

data/lib/sass/lesli/elements/msg.scss

@@ -0,0 +1,77 @@
+/*
+
+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-msg {
+    position: fixed;
+    border-radius: 8px;
+    padding: 12px 24px;
+    z-index: 9999;
+    
+    // center element and content
+    top: 10px;
+    left: 0px;
+    right: 0px;
+    margin: 0px auto;
+    max-width: 300px;
+    text-align: center;
+    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) .4s forwards;
+    }
+}
+
+// · 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/sass/lesli/elements/navbar.scss

@@ -0,0 +1,115 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+$light: #ffffff;
+$dark: #000000;
+$dark-gray: #373737;
+
+.lesli-navbar {
+    padding: 2rem 0;
+    background-color: transparent;
+    &-brand {
+        height: 100%;
+    }
+
+    &-current-path {
+        text-decoration: underline;
+    }
+
+    .navbar-start {
+        margin-left: 1rem;
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+        justify-content: flex-start;
+    }
+
+    &-link {
+        display: flex;
+        align-items: center;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+    
+    &-language {
+        border: 1px solid $dark;
+        border-radius: 8px;
+    }
+
+    &-burger__light span {
+        background-color: $light;
+    }
+
+    &-burger__dark span {
+        background-color: $dark-gray;
+    }
+    
+    
+    
+    .navbar-end {
+        .dropdown.locale .button {
+            background-color: transparent;
+            color: $light;
+            .bulma-arrow-mixin {
+                @include arrow($light);
+            }
+        }
+    }
+}
+
+@include lesli-css-breakpoint-until-tablet() {
+    .lesli-navbar {
+        width: 90%;
+        margin: 0 auto;
+        &-link {
+            color: $dark-gray;
+        }
+        .navbar-start {
+            margin-left: 0;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 1rem;
+        }
+        .navbar-end, .language-selector {
+            margin-top: 1rem;
+        }
+        .navbar-menu {
+            padding: 2rem;
+        }
+        .navbar-brand {
+            display: flex;
+            align-items: center;
+        }
+    }
+}

data/lib/sass/lesli/elements/panel.scss

@@ -0,0 +1,65 @@
+/*
+
+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.lesli-panel {
+    
+    div.lesli-panel-background {
+        position: fixed;
+        z-index: 38;
+        height: 100%;
+        width: 100%;
+        top: 0;
+        left: 0;
+        &.overlay {
+            background: rgba(230, 230, 230, .4);
+        }
+    }
+
+    div.lesli-panel-content {
+        @include lesli-css-scrollbar(hide);
+        background-color: white;
+        position: fixed;
+        z-index: 40;
+        right: 0;
+        top: 0;
+        width: 540px;
+        height: 100%;
+        overflow-y: scroll;
+
+        .lesli-panel-header {
+            padding: 1rem 1rem .6rem;
+            border-bottom: 1px solid lesli-css-color(slate);
+        }
+
+    }
+}

data/lib/sass/lesli/elements/tab.scss

@@ -0,0 +1,48 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+div.lesli-tab {
+    div.tabs {
+        margin-bottom: 0;
+        li.is-active {
+            font-weight: 600;
+        }
+    }
+    div.tab-items {
+        background-color: white;
+        box-shadow: $lesli-box-shadow;
+        border-radius:0 0 5px 5px;
+    }
+}