Particles CSS - Particles CSS

Classes

Class	Properties
.align-stretch,stretch,start,flex-start,end,flex-end,center,center,baseline,baseline	align-items: undefined;
.align-items-stretch,stretch,start,flex-start,end,flex-end,center,center,baseline,baseline	align-items: undefined;
.align-self-stretch,stretch,start,flex-start,end,flex-end,center,center,baseline,baseline	align-self: undefined;
.justify-items-stretch,stretch,start,flex-start,end,flex-end,center,center,baseline,baseline	justify-items: undefined;
.justify-self-stretch,stretch,start,flex-start,end,flex-end,center,center,baseline,baseline	justify-self: undefined;
.justify-start,flex-start,end,flex-end,center,center,between,space-between,around,space-around,evenly,space-evenly,stretch,stretch	justify-content: undefined;
.justify-content-start,flex-start,end,flex-end,center,center,between,space-between,around,space-around,evenly,space-evenly,stretch,stretch	justify-content: undefined;
.justify-items-start,flex-start,end,flex-end,center,center,between,space-between,around,space-around,evenly,space-evenly,stretch,stretch	justify-items: undefined;
.justify-self-start,flex-start,end,flex-end,center,center,between,space-between,around,space-around,evenly,space-evenly,stretch,stretch	justify-self: undefined;

.align-{position}

Aligns grid items along block axis or flex items along cross axis.

.align-start

.grid.align-start

.flex.align-start

.align-center

.grid.align-center

.flex.align-center

.align-end

.grid.align-end

.flex.align-end

.align-baseline

.grid.align-baseline

.flex.align-baseline

.align-stretch

.grid.align-stretch

.flex.align-stretch

.align-content-{position}

Sets the align-content property of a grid or flexbox container. It's a less common property becuase it requires that the container is explicityly larger than it's contents. Works similar to the justify-content property.

.align-content-start

.grid.align-content-start

.flex.align-content-start

.align-content-center

.grid.align-content-center

.flex.align-content-center

.align-content-end

.grid.align-content-end

.flex.align-content-end

.align-content-around

.grid.align-content-around

.flex.align-content-around

.align-content-between

.grid.align-content-between

.flex.align-content-between

.align-content-evenly

.grid.align-content-evenly

.flex.align-content-evenly

.align-content-stretch

.grid.align-content-stretch

.flex.align-content-stretch

.align-self-{position}

Aligns grid or flex item, regardless what the container align setting is.

.align-self-auto

.align-self-start

.align-self-center

.align-self-end

.align-self-stretch

.justify-{position}

Aligns grid items along block axis or flex items along cross axis.

.justify-start

.grid.justify-start

.flex.justify-start

.justify-center

.grid.justify-center

.flex.justify-center

.justify-end

.grid.justify-end

.flex.justify-end

.justify-around

.grid.justify-around

.flex.justify-around

.justify-between

.grid.justify-between

.flex.justify-between

.justify-evenly

.grid.justify-evenly

.flex.justify-evenly

.justify-stretch

.grid.justify-stretch

.flex.justify-stretch

.justify-items-{position}

Justify grid items along block axis or flex items along cross axis.

.justify-items-start

.grid.justify-items-start

.flex.justify-items-start

.justify-items-center

.grid.justify-items-center

.flex.justify-items-center

.justify-items-end

.grid.justify-items-end

.flex.justify-items-end

.justify-items-baseline

.grid.justify-items-baseline

.flex.justify-items-baseline

.justify-items-stretch

.grid.justify-items-stretch

.flex.justify-items-stretch

.justify-self-{position}

Justify grid self along block axis or flex self along cross axis.

.justify-self-start

.grid.justify-self-start

.flex.justify-self-start

.justify-self-center

.grid.justify-self-center

.flex.justify-self-center

.justify-self-end

.grid.justify-self-end

.flex.justify-self-end

.justify-self-baseline

.grid.justify-self-baseline

.flex.justify-self-baseline

.justify-self-stretch

.grid.justify-self-stretch

.flex.justify-self-stretch

Align & Justify