lesli 5.0.2 → 5.0.3

data/vendor/lesli-css/src/mixins/breakpoint.scss

@@ -0,0 +1,184 @@
+/*
+Lesli
+
+Copyright (c) 2022, 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/>.
+
+LesliCSS - SCSS Utilities for websites, apps and web applications
+
+Powered by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  <hello@lesli.tech>
+@website  <https://lesli.tech>
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+@import "../settings/variables.scss";
+
+
+@mixin lesli-css-breakpoint-small() {
+    @include lesli-css-breakpoint-builder($max:small) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-mobile() {
+    @include lesli-css-breakpoint-builder($max:mobile) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-tablet() {
+    @include lesli-css-breakpoint-builder($min:tablet) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-desktop() {
+    @include lesli-css-breakpoint-builder($min:desktop) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-widescreen() {
+    @include lesli-css-breakpoint-builder($min:widescreen) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-fullhd() {
+    @include lesli-css-breakpoint-builder($min:fullhd) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-until-tablet() {
+    @include lesli-css-breakpoint-builder($max:tablet) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-until-desktop() {
+    @include lesli-css-breakpoint-builder($max:desktop) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-until-widescreen() {
+    @include lesli-css-breakpoint-builder($max:widescreen) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-until-widescreen() {
+    @include lesli-css-breakpoint-builder($max:widescreen) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-only-mobile() {
+    @include lesli-css-breakpoint-builder($min:mobile, $max:mobile) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-only-tablet() {
+    @include lesli-css-breakpoint-builder($min:tablet, $max:tablet) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-only-desktop() {
+    @include lesli-css-breakpoint-builder($min:desktop, $max:desktop) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-only-widescreen() {
+    @include lesli-css-breakpoint-builder($min:widescreen, $max:widescreen) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint($min, $max:false) {
+    @include lesli-css-breakpoint-builder($min, $max) {
+        @content;
+    }
+}
+
+@mixin lesli-css-breakpoint-builder($min:false, $max:false) {
+
+    $min-width: false;
+    $max-width: false;
+
+    @if map-has-key($breakpoints, $min) {
+
+        // Prints a media query based on the value
+        $min-width: map-get(map-get($breakpoints, $min), min-width);
+
+    } 
+
+    @if map-has-key($breakpoints, $max) {
+
+        // Prints a media query based on the value
+        $max-width: map-get(map-get($breakpoints, $max), max-width);
+
+    } 
+
+    @if not $min-width {
+        @if $min {    
+            @if is-number($min) {
+                @if index("em" "px" "rem", unit($min)) != null {
+                    $min-width: $min;
+                }
+            }
+        }
+    }
+
+    @if not $max-width {
+        @if $max {
+            @if is-number($max) {
+                @if index("em" "px" "rem", unit($max)) != null {
+                    $max-width: $max;
+                }
+            }
+        }
+    }
+
+    @if $min-width and not $max-width {
+        @media only screen and (min-width: $min-width) { 
+            @content;
+        }
+    }
+
+    @if not $min-width and $max-width {
+        @media only screen and (max-width: $max-width) { 
+            @content;
+        }
+    }
+
+    @if $min-width and $max-width {
+        @media only screen and (min-width: $min-width) and (max-width: $max-width) { 
+            @content;
+        }
+    }
+
+}
+

data/vendor/lesli-css/src/mixins/flex.scss

@@ -0,0 +1,80 @@
+/**
+Lesli
+
+Copyright (c) 2020, 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/>.
+
+LesliCSS - SCSS Utilities for websites, apps and web applications
+
+Powered by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  <hello@lesli.tech>
+@website  <https://lesli.tech>
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · Flexbox container 
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+@mixin lesli-css-flex($direction:row, $align: center, $justify: space-between) {
+    display: flex;
+    flex-direction: $direction;
+    justify-content: $justify;
+    align-items: $align;
+}
+
+
+// · Center with flexbox 
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+@mixin lesli-css-flex-center($direction) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @if ($direction == 'vertical') {
+        flex-direction: column;
+        height: 100%;
+    }
+
+}
+
+
+@mixin lesli-css-flex-center-vertical($height:auto) {
+    @include lesli-css-flex-center('vertical');
+    flex-grow: 1;
+    height: $height;
+}
+
+
+// · Fluid grid with flexbox 
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+@mixin lesli-css-flex-columns($column-width: 150px, $gap:false) {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+
+    & > * {
+        flex-basis: $column-width;
+        max-width: $column-width;
+        @if ($gap) {
+            margin: 0 $gap ($gap * 2);
+        }
+    }
+
+}

data/vendor/lesli-css/src/mixins/scrollbar.scss

@@ -0,0 +1,46 @@
+/*
+Lesli
+
+Copyright (c) 2020, 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/>.
+
+LesliCSS - SCSS Utilities for websites, apps and web applications
+
+Powered by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  <hello@lesli.tech>
+@website  <https://lesli.tech>
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+@mixin lesli-css-scrollbar($style:normal, $color:#ffffff, $background:#ffffff) {
+    scrollbar-width: thin;
+    scrollbar-color: $color $background;
+
+    @if $style == hide {
+        scrollbar-width: none;
+        &::-webkit-scrollbar {
+            width: 0px;
+            background-color: $background;
+        }
+    }
+
+}

data/vendor/lesli-css/src/settings/variables.scss

@@ -0,0 +1,26 @@
+// Responsiveness
+
+// The container horizontal gap, which acts as the offset for breakpoints
+$gap: 32px !default;
+
+// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
+$tablet: 769px !default;
+
+// 960px container + 4rem
+$desktop: 960px + (2 * $gap) !default;
+
+// 1152px container + 4rem
+$widescreen: 1152px + (2 * $gap) !default;
+$widescreen-enabled: true !default;
+
+// 1344px container + 4rem
+$fullhd: 1344px + (2 * $gap) !default;
+
+$breakpoints: (
+    small:      ( min-width:  320px, max-width:  520px ),
+    mobile:     ( min-width:  320px, max-width:  768px ),
+    tablet:     ( min-width:  769px, max-width: 1023px ),
+    desktop:    ( min-width: 1024px, max-width: 1215px ),
+    widescreen: ( min-width: 1216px, max-width: 1407px ),
+    fullhd:     ( min-width: 1408px, max-width: 9999px )
+) !default;

data/vendor/lesli-css/tests/base/normalize.spec.scss

@@ -0,0 +1,125 @@
+/*
+
+Lesli
+
+Copyright (c) 2020, 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/>.
+
+LesliCSS - SCSS Utilities for websites, apps and web applications
+
+Powered by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  <hello@lesli.tech>
+@website  <https://lesli.tech>
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+// · 
+@import "true";
+@import "../../src/base/normalize.scss";
+
+
+// · 
+// Describe what you're testing
+@include describe('@mixin normalize') {
+
+    @include it('should render normalize') {
+
+        @include assert {
+
+            @include output {
+                @include lesli-css-normalize(false);
+            }
+
+            @include expect {
+                // · Reset
+                *,
+                *:before,
+                *:after {
+                    box-sizing: border-box;
+                }
+
+
+                // · 
+                body,
+                html {
+                    font-size: 16px;
+                    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif", sans-serif;
+                    -webkit-text-size-adjust: 100%;
+                    -ms-text-size-adjust: 100%;
+                }
+
+
+                // · Estilo estandar para titulos
+                h1, h2, h3, h4, h5, h6 {
+                    font-style: inherit;
+                    font-weight: inherit;
+                    text-rendering: optimizelegibility;
+                }
+
+
+                // · Estilos estandar para enlaces
+                a {
+                    color: inherit;
+                    text-decoration: none;
+
+                    &:visited {
+                        color: inherit;
+                    }
+
+                }
+
+
+                // · Responsive images
+                img {
+                    height: auto;
+                    max-width: 100%;
+                }
+
+
+                // · Paragraphs
+                p {
+                    margin: 0;
+                }
+
+
+                // · Navigation and list
+                ul {
+                    
+                    li{
+                        list-style: none;
+                    }
+
+                }
+
+                // · 
+                input[type="password"] {
+                    font-family: Verdana;
+                    letter-spacing: 0.1em;
+                }
+
+            }
+
+        }
+
+    }
+
+}

data/vendor/lesli-css/tests/functions/colors.spec.scss

@@ -0,0 +1,117 @@
+/*
+
+Lesli
+
+Copyright (c) 2020, 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/>.
+
+LesliCSS - SCSS Utilities for websites, apps and web applications
+
+Powered by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  <hello@lesli.tech>
+@website  <https://lesli.tech>
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+// · 
+@import "true";
+@import "../../src/functions/colors.scss";
+
+
+// · 
+@function lesli-css-color($pallete, $variant: 500) {
+    @return lesli-css-color-builder($pallete, $variant, (
+        lesli: (
+            sea: #2F478D,
+            navy: #112A62,
+            easy: #7E9BF1,
+            brand: #214FBD,
+            faded: #EBF1FF,
+            ocean: #172347,
+            midsky: #edf6ff
+        )
+    ));
+}
+
+
+// · 
+@include describe('@function lesli-css-color($pallete, $variant: 500)') {
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, sea), #2F478D); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, navy), #112A62); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, easy), #7E9BF1); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, brand), #214FBD); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, faded), #EBF1FF); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, ocean), #172347); 
+    }
+
+    @include it('should return the color for lesli sea') {
+    @include assert-equal(lesli-css-color(lesli, midsky), #edf6ff); 
+    }
+
+}
+
+
+// · 
+@include describe('@function lesli-css-color-builder($pallete, $variant: 500)') {
+
+    @include it('should return the color for blue default') {
+    @include assert-equal(lesli-css-color-builder(blue), #3689e6);
+    }
+
+    @include it('should return the color for blue 100') {
+    @include assert-equal(lesli-css-color-builder(blue, 100), #8cd5ff);
+    }
+
+    @include it('should return the color for blue 300') {
+    @include assert-equal(lesli-css-color-builder(blue, 300), #64baff);
+    }
+
+    @include it('should return the color for blue 500') {
+    @include assert-equal(lesli-css-color-builder(blue, 500), #3689e6);
+    }
+
+    @include it('should return the color for blue 700') {
+    @include assert-equal(lesli-css-color-builder(blue, 700), #0d52bf);
+    }
+
+    @include it('should return the color for blue 900') {
+    @include assert-equal(lesli-css-color-builder(blue, 900), #002e99); 
+    }
+
+}