CSS Styling

Here you can find all the classes for custom styles and elements

Note: Styles of a Class may change depending on their parent element.

Note: Material Components may change some styles of standard <HTML-Elements>

Classname
Description

navigationbarHolder

Background of navigation bar

itemImg

The image inside of a <option-item> element

itemName

The text that the <option-item> element shows

selected

The classNmae the <option-item> element gets when selected.

fab

Class name to create a FAB on a element.

navigationTabsHolder

Class for navigationTabs holder

chipRounded

Class to create a rounded chip

chipSquared

Class to create a squared chip

card

Class to create a cardview/tile

cardList

Class for creating a list with cardviews, looks simular to android 12 permission UI

descriptionHeader

Class to create a giant header that shows some words and letters and a few navigation items.

expandCard

Class to increase the size of a element when hovering over it.

scallop

Creates a element that will look like the android 12 clock "scallop"

colorPicker

class name for the colour picker

dialog

class name for the pop-up component

dialogButtonHolder

class of the <div> where the dialog buttons are placed

dialog-backdrop

Class of the backdrop of a <pop-up> element

dialogInfoHolder

Class of the holder for the dialog Title and Message

dialogTitle

Class of the dialog title

dialogMessage

Class of the dialog message

dialogBody

Class of the body of the dialog body

Last updated