Contents

// TODO: Convert to em's or rem
// Base on 1290 desktop

$space_xs: 8px;
$space_sm: 16px;
$space_md: 24px;
$space_lg: 32px;
$space_xl: 40px;
$spaces:(
  space_xs: $space_xs,
  space_sm: $space_sm,
  space_md: $space_md,
  space_lg: $space_lg,
  space_xl: $space_xl,
);


// $space_smallest:            2px
// $space_smaller:             5px
// $space_small:               7px
// $space_base:                10px
// $space_large:               16px
// $space_larger:              24px
// $space_largest:             30px
// $space_jumbo:               40px
// $space_mega:                60px

Version data entries

21 entries across 21 versions & 1 rubygems

Version	Path
playbook_ui-3.1.0	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-3.0.1	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-3.0.0	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.9	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.8	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.7	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.6	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.5	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.4	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.3	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.2	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.1	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.9.0	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.9	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.8	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.7	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.6	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.5	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.4	app/pb_kits/playbook/tokens/_spacing.scss
playbook_ui-2.8.3	app/pb_kits/playbook/tokens/_spacing.scss