Style Guide

First Headline

Second Headline

Third Headline

Fourth Headline

Fifth Headline

Sixth Headline

First	Second	Third
First	Second	Third
First	Second	Third
First	Second	Third

app card header

app card body

app card footer

danger button success button warning button primary button default button

name	icon	call	css
add		`\MyDMS\Util\View\Icon::add();`	.icon-add

/* region icons */ .icon-add { @extend .fa; @extend .fa-plus; } .icon-remove { @extend .fa; @extend .fa-minus; } .icon-trash { @extend .fa; @extend .fa-trash; @extend .fa-solid; } .icon-settings { @extend .fa; @extend .fa-solid; @extend .fa-gears; } .icon-edit { @extend .fa; @extend .fa-solid; @extend .fa-pencil; } .icon-check { @extend .fa; @extend .fa-solid; @extend .fa-check; } .icon-up { @extend .fa; @extend .fa-solid; @extend .fa-chevron-up; } .icon-down { @extend .fa; @extend .fa-solid; @extend .fa-chevron-down; } .icon-table { @extend .fa; @extend .fa-solid; @extend .fa-table; } .icon-grid { @extend .fa; @extend .fa-solid; @extend .fa-table-cells; }