Nonviolent Pigeon Manifestation

    lesli-css

    1.4.0 • Public • Published

    LesliCSS logo

    SCSS Utilities for websites and web applications


    Version 1.4.0

    Installation


    npm install lesli-css --save

    Structure


    lesli-css  
    ├── src/  
    │    ├── base/  
    │    │    ├── fonts.scss  
    │    │    └── fonts.scss  
    │    ├── components/  
    │    │    ├── columns.scss  
    │    │    ├── container.scss  
    │    │    ├── grid.scss  
    │    │    └── navigation.scss  
    │    ├── functions/  
    │    │    └── colors.scss  
    │    ├── mixins/  
    │    │    ├── breakpoint.scss  
    │    │    ├── flex.scss  
    │    │    └── scrollbar.scss  
    │    └── settings/  
    │         └── variables.scss  
    └── vendor  
    

    Usage


    @import "lesli-css";
    
    
    // Initialize your styles
    @include lesli-css-normalize;
    
    // Include Montserrat and Open Sans fonts from google
    @include lesli-css-fonts-standard;
    
    
    // Work with the color pallete
    .test {
    	color: lesli-css-color(blue);
    	color: lesli-css-color(blue, 100);
    	color: lesli-css-color(blue, 300);
    	color: lesli-css-color(blue, 500); // default
    	color: lesli-css-color(blue, 700);
    	color: lesli-css-color(blue, 900);
    
    }
    
    // Standard font configuration
    @include lesli-css-fonts-standard()
    
    // Standarize html elements to Lesli standards
    @include lesli-css-normalize()
    
    // Breakpoints
    @include lesli-css-breakpoint("small") {
    	// your code
    }
    
    @include lesli-css-breakpoint-only("mobile") {
    	// styles for min-width: 320px and max-width: 768px only
    }
    
    @include lesli-css-breakpoint-custom(100px) {
    	// styles start at 100px
    }
    
    @include lesli-css-breakpoint-custom(200px, 300px) {
    	// styles for min-width: 200px and max-width: 300px only
    }
    
    
    // customize the scrollbar (if supported)
    @include lesli-css-scrollbar()
    

    License


    Software developed in Guatemala distributed under the General Public License v 3.0 you can read the full license here

    LesliTech logo

    Keywords

    Install

    npm i lesli-css

    Homepage

    lesli.tech

    DownloadsWeekly Downloads

    4

    Version

    1.4.0

    License

    GPLv3

    Unpacked Size

    111 kB

    Total Files

    29

    Last publish

    Collaborators

    • leslitech