ArcaneCommonStyles class

Common reusable style patterns

Properties

hashCode int
The hash code for this object.
no setterinherited
runtimeType Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() String
A string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited

Static Properties

absoluteFill Map<String, String>
Absolute fill parent
no setter
bodyText Map<String, String>
Body text style
no setter
card Map<String, String>
Standard card styling
no setter
cardGlass Map<String, String>
Glass/frosted card
no setter
cardInteractive Map<String, String>
Interactive card (clickable)
no setter
cardNoPadding Map<String, String>
Card without padding (for custom content)
no setter
cardSubtle Map<String, String>
Subtle card (minimal styling)
no setter
clickable Map<String, String>
Clickable element
no setter
containerContent Map<String, String>
Content container (narrower)
no setter
containerNarrow Map<String, String>
Narrow container (for forms, text)
no setter
containerText Map<String, String>
Text container (optimal reading width)
no setter
disabled Map<String, String>
Disabled state
no setter
divider Map<String, String>
Horizontal divider
no setter
dividerVertical Map<String, String>
Vertical divider
no setter
fixedFill Map<String, String>
Fixed fill viewport
no setter
flexCenter Map<String, String>
Center content both horizontally and vertically
no setter
flexCol Map<String, String>
Flexbox column
no setter
flexColCenter Map<String, String>
Flexbox column with center alignment
no setter
flexRow Map<String, String>
Flexbox row with center alignment
no setter
flexRowEnd Map<String, String>
Flexbox row with end alignment
no setter
flexRowSpaced Map<String, String>
Flexbox row with space-between
no setter
flexRowStart Map<String, String>
Flexbox row with start alignment
no setter
flexWrap Map<String, String>
Flex with wrap
no setter
fullHeight Map<String, String>
Full viewport height container
no setter
grid2 Map<String, String>
Two column grid
no setter
grid3 Map<String, String>
Three column grid
no setter
grid4 Map<String, String>
Four column grid
no setter
heading Map<String, String>
Heading text style
no setter
hidden Map<String, String>
Hidden element
no setter
imageContain Map<String, String>
Image contain (fits within container)
no setter
imageCover Map<String, String>
Image cover (fills container)
no setter
inlineFlex Map<String, String>
Inline flex row
no setter
labelText Map<String, String>
Label text style (for form labels)
no setter
mainContent Map<String, String>
Main content area (grows to fill)
no setter
modalContainer Map<String, String>
Centered modal container
no setter
monoText Map<String, String>
Monospace text (for code)
no setter
mutedText Map<String, String>
Muted/secondary text
no setter
overlay Map<String, String>
Overlay backdrop
no setter
pageWrapper Map<String, String>
Page wrapper with background
no setter
scrollHideScrollbar Map<String, String>
Hide scrollbar but keep scrollable
no setter
scrollX Map<String, String>
Scrollable container (horizontal)
no setter
scrollY Map<String, String>
Scrollable container (vertical)
no setter
sectionHeader Map<String, String>
Section header (centered title area)
no setter
statusError Map<String, String>
Error status badge
no setter
statusInfo Map<String, String>
Info status badge
no setter
statusSuccess Map<String, String>
Success status badge
no setter
statusWarning Map<String, String>
Warning status badge
no setter
subheading Map<String, String>
Subheading text style
no setter
tinyText Map<String, String>
Tiny text (captions, footnotes)
no setter
truncate Map<String, String>
Truncate text with ellipsis
no setter
visuallyHidden Map<String, String>
Visually hidden (accessible)
no setter

Static Methods

cardWithShadow({int elevation = 1}) Map<String, String>
Card with shadow
container({String maxWidth = ArcaneLayout.maxWidthContainer}) Map<String, String>
Container with max width
flexColGap(String gap) Map<String, String>
Flex column with custom gap
flexRowGap(String gap) Map<String, String>
Flex row with custom gap
grid(int cols, {String gap = ArcaneSpacing.md}) Map<String, String>
Fixed column grid
gridAuto({String minWidth = '300px', String gap = ArcaneSpacing.md}) Map<String, String>
Auto-fit responsive grid
gridAutoFill({String minWidth = '300px', String gap = ArcaneSpacing.md}) Map<String, String>
Auto-fill responsive grid
heroSection({String? background}) Map<String, String>
Hero section padding
imageCircle(String size) Map<String, String>
Circular image container
imageContainer(String size) Map<String, String>
Image container (square)
lineClamp(int lines) Map<String, String>
Truncate to N lines
section({String? background}) Map<String, String>
Section padding
statusBadge(String bgColor, String textColor) Map<String, String>
Status badge with color
stickyTop({String top = '0'}) Map<String, String>
Sticky top