Flexibits.ps.css

/*{
param([string[]]$cssClassBase = @(".flex",".flexi",".flexible"))

@{
    "$($cssClassBase -join ',')" = @{'display'='flex'}
}
@{
    "$($cssClassBase -join '-auto,')-auto" = @{'flex'='auto'}
}
@{
    "$($cssClassBase -join '-initial,')-initial" = @{'flex'='initial'}
}
@{
    "$($cssClassBase -join '-none,')-none" = @{'flex'='none'}
}
@{
    "$($cssClassBase -join '-row,')-row" = @{'flex-direction'='row'}
}
@{
    "$($cssClassBase -join '-row-or-column,')-row-or-column" = @{'flex-direction'='row'}
}
@{
    "$($cssClassBase -join '-row-reverse,')-row-reverse" = @{'flex-direction'='row-reverse'}
}
@{
    "$($cssClassBase -join '-column-reverse,')-column-reverse" = @{'flex-direction'='column-reverse'}
}
@{
    "$($cssClassBase -join '-column,')-column" = @{'flex-direction'='column'}
}
@{
    "$($cssClassBase -join '-column-or-row,')-column-or-row" = @{'flex-direction'='column'}
}
@{
    "$($cssClassBase -join '-center-content,')-center-content" = @{'justify-content'='center'}
}
@{
    "$($cssClassBase -join '-normal,')-normal" = @{'flex-grow'=1;'flex-shrink'=1}
}
@{
    "$($cssClassBase -join '-space,')-space" = @{'flex-grow'=1;'flex-shrink'=1;content=''}
}
@{
    "$($cssClassBase -join '-grow,')-grow" = @{'flex-grow'=2}
}
@{
    "$($cssClassBase -join '-shrink,')-shrink" = @{'flex-shrink'=2}
}
@{
    "$($cssClassBase -join '-fit,')-fit" = @{'flex-basis'="fit-content"}
}
@{
    "$($cssClassBase -join '-min,')-min" = @{'flex-basis'="min-content"}
}    
@{
    "$($cssClassBase -join '-max,')-max" = @{'flex-basis'="max-content"}
}
@{
    "$($cssClassBase -join '-no-wrap,')-no-wrap" = @{'flex-wrap'="nowrap"}
}
@{
    "$($cssClassBase -join '-reverse-wrap,')-reverse-wrap" = @{'flex-wrap'="wrap-reverse"}
}
@{
    "$($cssClassBase -join '-wrap,')-wrap" = @{'flex-wrap'="wrap"}
}

@{
    "@media (max-width: 960px)" = @{    
        "$($cssClassBase -join '-column-or-row,')-column-or-row" = @{
            "flex-direction"="row"
        }
        "$($cssClassBase -join '-row-or-column,')-row-or-column" = @{
            "flex-direction"="column"
        }    
    }
}

foreach ($n in 1..10) {
    @{
        "$($cssClassBase -join "-$n,")-$n" = @{'flex'=$n}
    }
}

}*/