← slabserver.org SlabServer wiki logo SlabServer Community wiki
Style guide

Components

The established .mc-* system - panels, cards, badges, buttons, chips, infobox.

Core components
.mc-panel / .mc-panel-grass / .mc-frame

Heavy containers. mc-panel (4px border, 8px shadow) for articles/infoboxes; mc-panel-grass for the header band; mc-frame (12px shadow) is the outermost site wrapper.

mc-panel
mc-panel-grass
mc-frame
.mc-card + .mc-card-hover

Blocky card, hard offset shadow, steppy hover nudge. The reusable entry-card partial (right) builds article/shop cards from a page.

Card title

Hover me - the whole card nudges up-left in two steps with a bigger shadow.

Season 4

Spawn

Builds -88 -22🗺
.mc-badge (+ -grass / -gold)

Pixel tag chips - season, FEATURED, NEW/EDIT.

Default New Featured
.mc-btn (+ -grass / -gold / -dark)

Chunky pixel buttons. Hover brightens; :active presses the shadow flat (translate 2px).

.mc-input

Inset search / text field; grass border on focus.

.chip / .chip-season / .chip-filter

Non-pixel inline metadata pills. chip-filter toggles the season-portal grid (.is-on = active).

Builds Season 4 Filter (off) Filter (on)
.stripe-divider / .stripe-grass / .section-h

Grass title rule, repeating accent bar, and the pixel section heading.

Section heading
coord-chip.html

Click-to-copy coordinate + a map deep-link to the season map. Front matter Coordinates: "x y z" drives it.

-88 -22🗺
playerhead.html

Player avatar + IGN. Shortcode {{< playerhead "IGN" >}} in prose; infobox Builders/Designers/Owners render rows of these.

GamingTwist
infobox-panel.html

The right-hand fact card. Keys become labels (humanize|title); Coordinates → chip+map, Builders/Designers/Owners → playerheads.

Example Build
Builders
GamingTwist
Coordinates
-88 -22🗺
Status
Complete
Type
community project
World
Overworld