//== Padding
//
//## Common text padding for inline elements

$padding-base-vertical:     rem(6px)  !default;
$padding-base-horizontal:   rem(12px) !default;


$padding-xxl-vertical:      rem(21px) !default;
$padding-xxl-horizontal:    rem(30px) !default;

$padding-xl-vertical:       rem(14px) !default;
$padding-xl-horizontal:     rem(20px) !default;

$padding-large-vertical:    rem(10px) !default;
$padding-large-horizontal:  rem(16px) !default;

$padding-small-vertical:    rem(5px)  !default;
$padding-small-horizontal:  rem(10px) !default;

$padding-xs-vertical:       rem(2px)  !default;
$padding-xs-horizontal:     rem(8px)  !default;