DXC Logo
Halstack logo
Halstack
Design System
v9.1.0
Overview
Introduction
Principles
Color
Spacing
Typography
Layout
Themes
Localization
Utilities
Halstack Provider
Components
Accordion
Alert
Application layout
Bleed
Box
Bulleted List
Button
Card
Checkbox
Chip
Date Input
Dialog
Dropdown
File Input
Flex
Footer
Grid
Experimental
Header
Heading
Inset
Link
Nav Tabs
Number Input
Paginator
Paragraph
Password Input
Progress Bar
Quick Nav
Radio Group
Resultset Table
Select
Sidenav
Slider
Spinner
Switch
Table
Tabs
Tag
Text Input
Textarea
Toggle Group
Typography
Wizard

Bleed

Bleed layout applies negative spacing scale to its child nodes.

Specifications

Bleed design specifications
Bleed design specifications

Negative space varies depending on the REM values and the approach to implementation.

Contents

Edit this page on GitHub
Previous
Application layout
NextBox