rishabhsrao/voxel

$voxel-pill__include-classes: $voxel-components__include-classes !default;

$voxel-pill__padding-top: map-get($voxel-scaffolding__spacing--vertical, "200") !default;
$voxel-pill__padding-right: map-get($voxel-scaffolding__spacing--horizontal, "800") !default;
$voxel-pill__padding-bottom: map-get($voxel-scaffolding__spacing--vertical, "200") !default;
$voxel-pill__padding-left: map-get($voxel-scaffolding__spacing--horizontal, "800") !default;

$voxel-pill__margin-top: map-get($voxel-scaffolding__spacing--vertical, "50") !default;
$voxel-pill__margin-right: map-get($voxel-scaffolding__spacing--horizontal, "50") !default;
$voxel-pill__margin-bottom: map-get($voxel-scaffolding__spacing--vertical, "50") !default;
$voxel-pill__margin-left: map-get($voxel-scaffolding__spacing--horizontal, "50") !default;

$voxel-pill__border-color__shade: "50" !default;
$voxel-pill__border-color: map-get($voxel-color__brand--primary, $voxel-pill__border-color__shade) !default;
$voxel-pill__border-width: 1px !default;
$voxel-pill__border-style: solid !default;

$voxel-pill__background-color--hover__shade: "50" !default;
$voxel-pill__background-color--hover: map-get($voxel-color__brand--primary, $voxel-pill__background-color--hover__shade) !default;
$voxel-pill__background-color--active__shade: "100" !default;
$voxel-pill__background-color--active: map-get($voxel-color__brand--primary, $voxel-pill__background-color--active__shade) !default;

$voxel-pill__transition-duration: $voxel-scaffolding__transition-duration !default;