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

Salesforce Lightning Design System

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