Nostalgic Piano Music

    iddqd-tools

    1.5.3 • Public • Published

    Anticipate the difficult by managing the easy. - Phu K. C'Eses

    Click here for demo!

    npm install iddqd-tools --save

    @import node_modules/iddqd-tools/sass/all

    align

    • align children with Photoshop-like props in either direction converted to flexbox
    • emulates internal padding between children
    +align(<horizontal> <vertical>, row(default)|col|column, <unit>)
    
    // horizontal: left|center|middle|right
    // vertical: top|center|middle|bottom
    
    // Example
    .container
      +align(right center, col, 10px)

    grid

    • bidirectional fluid or fixed layout
    • spreads children to fit exact row or column space
    • emulates internal padding between children
    +grid(<number> <?number:fixed>, row(default)|col|column, <unit>, wrap(default)|nowrap)
    
    // Example
    .container
      +grid(4, row, 20px)
    
      @media (max-width: 640px)
        +grid(1 2.5, col, 10px, nowrap)

    other

    Keywords

    none

    Install

    npm i iddqd-tools

    DownloadsWeekly Downloads

    1

    Version

    1.5.3

    License

    MIT

    Last publish

    Collaborators

    • mystrdat