These are all the P classes available in this version of Particle

Display : class .P-d

.P-df stands for display : flex

These values are dependents on .P-df class.
.P-df-jc-sb stands for justify-content : space-between
.P-df-aic stands for align-items : center
.P-df-air stands for align-items : right
.P-df-fww stands for flex-wrap : wrap
.P-df-fwnw stands for flex-wrap : nowrap

.P-db stands for display : block

.P-dn stands for display : none

.P-dib stands for display : inline-block

Position : class .P-p

.P-pr stands for position : relative

.P-pa stands for position : absolute

These values are dependents on .P-pa class.
.P-pa-left will position the element to the left of the reletive element
.P-pa-right will position the element to the right of the reletive element
.P-pa-middle will position the element in the middle of the reletive element

.P-pf stands for position : fixed

.P-psky stands for position : sticky

Top/Bottom/Left/Right : class .P-t/b/r/l

.P-t0 stands for top : 0

.P-b0 stands for bottom : 0

.P-l0 stands for left : 0

.P-r0 stands for right : 0

Text-Align : class .P-ta

.P-tac stands for text-align : center

.P-tar stands for text-align : right

.P-tal stands for text-align : left

.P-taj stands for text-align : justify

Border-Radius : class .P-br

.P-br2px stands for border-radius : 2px

.P-br4px stands for border-radius : 4px

.P-br8px stands for border-radius : 8px

.P-br50p stands for border-radius : 50%

Overflow : class .P-o

.P-oa stands for overflow : auto

.P-oh stands for overflow : hidden

.P-os stands for overflow : scroll

Float : class .P-f

.P-fr stands for float :right

.P-fr stands for float :right

.aflix will help a parent containing child with both float properties

Text-transform : class .P-ta

.P-tac stands for text-align:center

.P-taj stands for text-align:justify

.P-tar stands for text-align:right

.P-tal stands for text-align:left

Font-Weight : class .P-fw

.P-fw100 stands for font-weight : 100

.P-fwb stands for font-weight : bold

White Space : class .P-ws

.P-wsnw stands for white-space : nowrap

.P-wsn stands for white-space : normal

P Extras

.P-ofc stands for object-fit : cover

.P-vam stands for vertical-align : middle

.P-t2s stands for transition : 2s

.P-ma stands for margin : auto

.P-ttu stands for text-transform : uppercase

There are few more P-Classes classified in the values section

If you want to include any changes or more classes. Request through the comments

If you like the Post

Subscribe to newsletter

Get every single post delivered first to you :)

Delivered by FeedBurner

Sharing Is Caring