Modena Documentation

Modena Layout

Separators
Class GroupClass NameInstructions
SeparatorsSeparator
Adds a line between container. Default separator color is gray ( hex code: #E0E0E0 )

SeparatorsSeparatorFull
Separator exclusive for cards that spans full horizontal space. Default separator color is gray ( hex code: #E0E0E0 ) See the example below.

Full Separator Example On Card

# Full Separator
Element having this class is especially used for cards . Elements that have this class left and right minus 10 pixel negative margin , taking rests on the border of the card. Thus the card is divided into two longitudinal parts.
# Full Separator
Element having this class is especially used for cards . Elements that have this class left and right minus 10 pixel negative margin , taking rests on the border of the card. Thus the card is divided into two longitudinal parts.
# Full Separator
Element having this class is especially used for cards . Elements that have this class left and right minus 10 pixel negative margin , taking rests on the border of the card. Thus the card is divided into two longitudinal parts.

Normal Separator Example On Card

# Normal Separator
This class assumes the task separator between the two elements.
# Normal Separator
This class assumes the task separator between the two elements.
# Normal Separator
This class assumes the task separator between the two elements.
+1 888 123 4567
info@modenamodena.com