@salesforce-ux/design-system/design-tokens/dist/s1-base.less

Salesforce Lightning Design System

@width-stage-left: 88%;
// Tooltip square size
@square-tooltip: 1.25rem;
// Brand header. Phone 44px; Tablet 50px
@height-header: 2.75rem;
// Maximum width for action overflow menu so that it's not full-screen for tablet.
@max-width-action-overflow-menu: 512px;
// Maximum width for brand logos in header.
@max-width-header-brand: 156px;
// Tap target Size
@square-tappable: 2.75rem;
// Tooltip nubbin square size
@square-tooltip-nubbin: 1rem;
// Use squareIconLargeBoundary
@square-record-anchor-pic: 3rem;
// 2 Column Layout - Master
@flex-master-panel: 7;
// Maximum height for photos and such in cards.
@max-height-card-media: 144px;
// Text input height
@height-input: 1.875rem;
// Maximum height for brand logos in header.
@max-height-header-brand: 32px;
// Action footer menu. Phone 44px; Tablet 50px
@height-footer: 3.75rem;
// Maximum width for action icons in action bar when there are only 2 items with labels.
@max-width-action-bar-with-labels: 320px;
// 2 Column Layout - Detail
@flex-detail-panel: 3;
// Space above overflow menu before scrolling.
@height-overflow-start: 144px;
@duration-slide: 0.25s;