An example:
Code: Select all
p-d-flex flex
p-flex-row flex-row
p-flex-column flex-column
p-flex-md-row md:flex-row
p-field-checkbox field-checkbox
p-align-baseline align-items-baseline
p-align-center align-items-center
p-justify-center justify-items-center
p-justify-end justify-items-end
p-ai-baseline align-items-baseline
p-ai-start align-items-start
p-ai-center align-items-center
p-ai-end align-items-end
p-jc-between justify-content-between
p-jc-end justify-content-end
p-jc-center justify-content-center
p-jc-md-between md:justify-content-between
p-jc-lg-between lg:justify-content-between
p-jc-xl-between xl:justify-content-between
p-jc-sm-between sm:justify-content-between
p-formgrid formgrid
p-col-([0-9]+) col-$1
p-md-([0-9]+) md:col-$1
p-lg-([0-9]+) lg:col-$1
p-sm-([0-9]+) sm:col-$1
p-xl-([0-9]+) xl:col-$1
p-offset-([0-9]+) col-offset-$1
p-md-offset-([0-9]+) md:col-offset-$1
p-lg-offset-([0-9]+) lg:col-offset-$1
p-xl-offset-([0-9]+) xl:col-offset-$1
p-sm-offset-([0-9]+) sm:col-offset-$1
p-m([rlbt])-([0-9]+) m$1-$2
p-ml-auto ml-auto
p-mb-md-0 md:mb-0
p-grid grid
p-text-bold font-bold
p-col-fixed col-fixed
p-col col [careful]
p-field field
*.scss
[$.]p-
*.html
[" ]p-
...
Cheers