lesli_assets 1.0.3 → 1.0.5

data/lib/lesli_assets_styles/layouts/application-container.scss

@@ -0,0 +1,52 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+@use "lesli-css" as lesli;
+
+
+// · 
+section.lesli-application-container,
+turbo-frame.lesli-application-container {
+    padding: 1rem;
+}
+
+
+// · 
+@include lesli.lesli-breakpoint-desktop {
+    section.lesli-application-container,
+    turbo-frame.lesli-application-container {
+        padding-left: 0rem;
+        padding-right: 0rem;
+    }
+}

data/lib/lesli_assets_styles/layouts/application-header.scss

@@ -0,0 +1,74 @@
+/*
+
+Lesli
+
+Copyright (c) 2025, 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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// ·
+@use "lesli-css" as lesli;
+
+
+// Override bulma navbar height
+:root {
+    --bulma-navbar-height: var(--lesli-header-height)
+}
+
+
+// ·
+header.lesli-application-header {
+    background-color: var(--lesli-header-color);
+    border-bottom: 1px solid rgba(172,179,194,.5);
+
+    // Fix the size of the main logo 
+    .navbar-brand {
+        .navbar-item:hover {
+            background-color: transparent;
+        }
+        img {
+            height: 100px;
+            max-height: 50px;
+        }
+    }
+
+    // navigation icons
+    .navbar-item {
+        padding-left: 4px;
+        padding-right: 4px;
+        [class^="ri-"] {
+            font-size: 24px;
+            padding: 0 0.6rem;
+            color: lesli.lesli-color(slate, 900);
+        }
+
+        a:hover span {
+            color: var(--lesli-color-primary);
+        }
+    }
+}

data/lib/{lesli_assets_css/templates/dashboards.scss → lesli_assets_styles/layouts/application-navigation.scss}

@@ -32,20 +32,33 @@ Building a better future, one line of code at a time.
 
 
 // · 
-// @import "lesli-css";
+@use "lesli-css/sass/color";
 
 
-// // · Configuration & variables
-// @import "Lesli/scss/settings/variables";
-
-
-// // · 
-// aside.lesli-application-sidebar {
-//     display: none !important;
-// }
-
-
-// // · 
-// .lesli-empty {
-//     padding: 8rem 0;
-// }
+// · 
+nav.lesli-application-navigation {
+    background-color: var(--lesli-navbar-color);
+    border-bottom: 1px solid rgba(172,179,194,.5);
+
+    .navbar-item {
+        padding: 0;
+
+        a {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            padding-left: 2rem;
+            padding-right: 2rem;
+            transition: all linear .2s;
+
+            &:hover {
+                color: color.lesli-color(slate, 700);
+            }
+        }
+
+        [class^="ri-"] {
+            font-size: 20px;
+            margin-right: 6px;
+        }
+    }
+}

data/lib/{lesli_assets_css → lesli_assets_styles}/settings/variables.scss

@@ -1,7 +1,7 @@
 /*
 Lesli
 
-Copyright (c) 2023, Lesli Technologies, S. A.
+Copyright (c) 2025, 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
@@ -18,7 +18,7 @@ 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
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -29,12 +29,14 @@ Building a better future, one line of code at a time.
 // · 
 */
 
-@use "lesli-css/sass/helpers/breakpoint";
+
+// · 
+@use "lesli-css" as lesli;
+
 
 // · Layout
 $lesli-font-size: 16px !default;
-$lesli-header-height: 70px !default;
-$lesli-navbar-height: 66px !default;
+$lesli-header-height: 65px !default;
 $lesli-footer-height: 84px !default;
 $lesli-sidebar-width: 50px !default;
 
@@ -51,7 +53,7 @@ $lesli-color-background: #f8f4f4 !default;
 
 
 // · To understand more about customization go to:
-// · https://www.lesli.dev/documentation/design/20-theme
+// · https://www.lesli.dev/engines/lesli/theming/
 
 
 
@@ -85,9 +87,6 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
     
     --lesli-header-color: var(--lesli-theme-header-color, #{$lesli-header-color});
     --lesli-header-height: var(--lesli-theme-header-height, #{$lesli-header-height});
-
-    --lesli-navbar-color: var(--lesli-theme-navbar-color, #{$lesli-navbar-color});
-    --lesli-navbar-height: var(--lesli-theme-navbar-height, #{$lesli-navbar-height});
     
     --lesli-footer-color: var(--lesli-theme-footer-color, #{$lesli-footer-color});
     --lesli-footer-height: var(--lesli-theme-footer-height, #{$lesli-footer-height});
@@ -95,6 +94,8 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
     --lesli-sidebar-color: var(--lesli-theme-sidebar-color, #{$lesli-sidebar-color});
     --lesli-sidebar-width: var(--lesli-theme-sidebar-width, #{$lesli-sidebar-width});
 
+    --lesli-navbar-color: var(--lesli-theme-navbar-color, #{$lesli-navbar-color});
+
     --lesli-logo-color: var(--lesli-theme-logo-color, #{$lesli-logo-color});
     
     --lesli-font-size: var(--lesli-theme-font-size, #{$lesli-font-size});
@@ -104,7 +105,7 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
 
 
 // Mobile Up to 768px
-@include breakpoint.lesli-breakpoint-mobile {
+@include lesli.lesli-breakpoint-mobile {
     :root {
         --lesli-sidebar-width: 50px;
     }
@@ -112,7 +113,7 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
 
 
 // Tablet Between 769px and 1023px
-@include breakpoint.lesli-breakpoint-tablet {
+@include lesli.lesli-breakpoint-tablet {
     :root {
         --lesli-sidebar-width: 100px;
     }   
@@ -120,7 +121,7 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
 
 
 // Desktop Between 1024px and 1215px
-@include breakpoint.lesli-breakpoint-desktop {
+@include lesli.lesli-breakpoint-desktop {
     :root {
         --lesli-sidebar-width: 200px;
     }   
@@ -128,7 +129,7 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
 
 
 // Widescreen Between 1216px and 1407px
-@include breakpoint.lesli-breakpoint-widescreen {
+@include lesli.lesli-breakpoint-widescreen {
     :root {
         --lesli-sidebar-width: 225px;
     }   
@@ -136,7 +137,7 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
 
 
 // Widescreen Between 1216px and 1407px
-@include breakpoint.lesli-breakpoint-fullhd {
+@include lesli.lesli-breakpoint-fullhd {
     :root {
         --lesli-sidebar-width: 328px;
     }   

data/lib/{lesli_assets_css → lesli_assets_styles}/templates/application.scss

@@ -57,8 +57,10 @@ Building a better future, one line of code at a time.
 
 // · Font families and icons
 @use "../fonts/remixicons";
+@use "../fonts/mdsymbols";
 @use "../fonts/families";
-@use "../fonts/mdicons";
+//@use "../fonts/mdicons";
+
 
 
 // · Lesli application layout 
@@ -66,7 +68,6 @@ Building a better future, one line of code at a time.
 @use "../layouts/application-navigation";
 @use "../layouts/application-component";
 @use "../layouts/application-container";
-@use "../layouts/application-engines";
 @use "../layouts/application-sidebar";
 @use "../layouts/application-header";
 @use "../layouts/application-app";

data/lib/{lesli_assets_css/layouts/application-container.scss → lesli_assets_styles/templates/dashboards.scss}

@@ -2,7 +2,7 @@
 
 Lesli
 
-Copyright (c) 2023, Lesli Technologies, S. A.
+Copyright (c) 2025, 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
@@ -19,7 +19,7 @@ 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
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -29,8 +29,3 @@ Building a better future, one line of code at a time.
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
-
-section.lesli-application-container,
-turbo-frame.lesli-application-container {
-    padding: 1rem;
-}

data/lib/{lesli_assets_css → lesli_assets_styles}/templates/public.scss

@@ -46,7 +46,8 @@ Building a better future, one line of code at a time.
 
 // · Font families and icons
 @use "../fonts/families";
-@use "../fonts/mdicons";
+@use "../fonts/mdsymbols";
+//@use "../fonts/mdicons";
 
 
 // · Some home made helpers

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lesli_assets
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.5
 platform: ruby
 authors:
 - The Lesli Development Team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-15 00:00:00.000000000 Z
+date: 2025-08-11 00:00:00.000000000 Z
 dependencies: []
 description: "LesliAssets provides shared frontend assets for the Lesli Framework,
   \nincluding stylesheets, JavaScript, images, icons, and reusable \nview partials.
@@ -25,6 +25,7 @@ files:
 - app/assets/fonts/lesli_assets/Domine/Domine-Variable.ttf
 - app/assets/fonts/lesli_assets/Domine/OFL.txt
 - app/assets/fonts/lesli_assets/MaterialDesign/icons.woff2
+- app/assets/fonts/lesli_assets/MaterialDesign/symbols.woff
 - app/assets/fonts/lesli_assets/Montserrat/Montserrat-Variable.ttf
 - app/assets/fonts/lesli_assets/OpenSans/OpenSans-Variable.ttf
 - app/assets/fonts/lesli_assets/Remix/remixicon.eot
@@ -354,31 +355,31 @@ files:
 - lib/lesli_assets.rb
 - lib/lesli_assets/engine.rb
 - lib/lesli_assets/version.rb
-- lib/lesli_assets_css/fonts/families.scss
-- lib/lesli_assets_css/fonts/mdicons.scss
-- lib/lesli_assets_css/fonts/remixicons.scss
-- lib/lesli_assets_css/helpers/display.scss
-- lib/lesli_assets_css/helpers/tooltip.scss
-- lib/lesli_assets_css/layouts/application-app.scss
-- lib/lesli_assets_css/layouts/application-component.scss
-- lib/lesli_assets_css/layouts/application-container.scss
-- lib/lesli_assets_css/layouts/application-engines.scss
-- lib/lesli_assets_css/layouts/application-header.scss
-- lib/lesli_assets_css/layouts/application-navigation.scss
-- lib/lesli_assets_css/layouts/application-notification.scss
-- lib/lesli_assets_css/layouts/application-sidebar.scss
-- lib/lesli_assets_css/pages/invites.scss
-- lib/lesli_assets_css/settings/variables.scss
-- lib/lesli_assets_css/shared/workflow-status-progress.scss
-- lib/lesli_assets_css/templates/application.scss
-- lib/lesli_assets_css/templates/component.scss
-- lib/lesli_assets_css/templates/dashboards.scss
-- lib/lesli_assets_css/templates/empty.scss
-- lib/lesli_assets_css/templates/pdf.scss
-- lib/lesli_assets_css/templates/public.scss
-- lib/lesli_assets_css/templates/start.scss
 - lib/lesli_assets_js/application.js
 - lib/lesli_assets_js/calendar.js
+- lib/lesli_assets_styles/fonts/families.scss
+- lib/lesli_assets_styles/fonts/mdicons.scss
+- lib/lesli_assets_styles/fonts/mdsymbols.scss
+- lib/lesli_assets_styles/fonts/remixicons.scss
+- lib/lesli_assets_styles/helpers/display.scss
+- lib/lesli_assets_styles/helpers/tooltip.scss
+- lib/lesli_assets_styles/layouts/application-app.scss
+- lib/lesli_assets_styles/layouts/application-component.scss
+- lib/lesli_assets_styles/layouts/application-container.scss
+- lib/lesli_assets_styles/layouts/application-header.scss
+- lib/lesli_assets_styles/layouts/application-navigation.scss
+- lib/lesli_assets_styles/layouts/application-notification.scss
+- lib/lesli_assets_styles/layouts/application-sidebar.scss
+- lib/lesli_assets_styles/pages/invites.scss
+- lib/lesli_assets_styles/settings/variables.scss
+- lib/lesli_assets_styles/shared/workflow-status-progress.scss
+- lib/lesli_assets_styles/templates/application.scss
+- lib/lesli_assets_styles/templates/component.scss
+- lib/lesli_assets_styles/templates/dashboards.scss
+- lib/lesli_assets_styles/templates/empty.scss
+- lib/lesli_assets_styles/templates/pdf.scss
+- lib/lesli_assets_styles/templates/public.scss
+- lib/lesli_assets_styles/templates/start.scss
 - lib/lesli_assets_tailwind/tailwind.app.css
 - lib/lesli_assets_tailwind/tailwind.config.js
 - lib/lesli_assets_tailwind/tailwind.test.html