--qp-space-lg
--qp-space-lg
☰ Theme
Theme
Derives large spacing from the base spatial rhythm to keep prominent component spacing proportional.
Value
calc(1rem * 1.5)Ownership
- Kind: Core System
- Key: Core
Family
- Variable Type: Derived
- Design Type: Spacing
- Derived From: --qp-space-md
- Design Root: --qp-space-md
- Derived Children: --qp-card-list-margin
- Inherited Children:
--qp-card-list-gap,--qp-footer__section-padding-block,--qp-grid-gap,--qp-modal-inset,--qp-modal-padding,--qp-page-header__hero-panel-padding-block--mobile,--qp-page-list__body-padding-inline,--qp-region-mobile-gap,--qp-section__header-margin-block-end,--qp-toast-bottom,--qp-toc-nested-indent
Dependencies
- Depends On: --qp-space-md
Usage
- Consumed By:
styles/card-list.css,styles/image.css,styles/modal.css,styles/page-section.css,styles/video.css,variables.css
CSS Properties
- margin — Valid syntax:
<'margin-top'>{1,4} - margin-block-start — Valid syntax:
<'margin-top'> - padding-block — Valid syntax:
<'padding-top'>{1,2} - padding-inline — Valid syntax:
<'padding-top'>{1,2}
Source
- Canonical Source:
variables.css