small-flexgrid

    2.2.4 • Public • Published

    small-flexgrid.styl

    A small flexgrid written in Stylus

    Usage

    npm install --save small-flexgrid

    @import 'small-flexgrid';
    /* or, for css: */
    @import 'small-flexgrid/.css';
    /* or, for prefixed css */
    @import 'small-flexgrid/prefixed.css';
    import 'small-flexgrid';
    // or, for css:
    import 'small-flexgrid/.css';
    // or, for prefixed css
    import 'small-flexgrid/prefixed.css';

    OR

    <link rel="stylesheet" href="https://unpkg.com/small-flexgrid/min.css">
    <!-- OR -->
    <link rel="stylesheet" href="https://unpkg.com/small-flexgrid/prefixed.min.css">

    You can also import mixins separately:

    @import 'small-flexgrid/src/mixins';

    THEN (if using stylus only)

    in your styles

    cols-amount = 12 // basically, any amount you want 
    sizes = {        // basically, any breakpoints you want 
      all: 0rem
      xs: 20rem
      sm: 33.75rem
      md: 48rem
      lg: 63.75rem
      xl: 76.25rem
    }
    col-suffix = '-my-cool'
     
    cols(cols-amount, sizes, col-suffix) // generate all columns 
     
    helpers(cols-amount, sizes, col-suffix)  // generate helpers 
     
    cols-with-helpers(cols-amount, sizes, col-suffix) // generate all columns AND helpers 

    Install

    npm i small-flexgrid

    DownloadsWeekly Downloads

    14

    Version

    2.2.4

    License

    MIT

    Unpacked Size

    110 kB

    Total Files

    9

    Last publish

    Collaborators

    • vsnegovik
    • kaskar2008
    • kazanexpress-dev
    • raiondesu