rishabhsrao/voxel

View on GitHub
src/styles/components/list/_settings.scss

Summary

Maintainability
Test Coverage
$voxel-list__include-classes: $voxel-components__include-classes !default;

$voxel-list__padding-left: map-get($voxel-scaffolding__spacing--horizontal, "600") !default;
$voxel-list__item__counter__margin-right: map-get($voxel-scaffolding__spacing--horizontal, "400") !default;

$voxel-list__item__link--active__background-color__shade: "400" !default;
$voxel-list__item__link--active__background-color: map-get($voxel-color__brand--primary, $voxel-list__item__link--active__background-color__shade) !default;
$voxel-list__item__link--active__background-gradient__color--start: $voxel-color__transparent !default;
$voxel-list__item__link--active__background-gradient__color--end__shade: $voxel-list__item__link--active__background-color__shade !default;
$voxel-list__item__link--active__background-gradient__color--end: map-get($voxel-color__brand--primary, $voxel-list__item__link--active__background-color__shade) !default;

$voxel-list__item__link--hover__background-color__shade: "300" !default;
$voxel-list__item__link--hover__background-color: map-get($voxel-color__brand--primary, $voxel-list__item__link--hover__background-color__shade) !default;
$voxel-list__item__link--hover__background-gradient__color--start: $voxel-color__transparent !default;
$voxel-list__item__link--hover__background-gradient__color--end__shade: $voxel-list__item__link--hover__background-color__shade !default;
$voxel-list__item__link--hover__background-gradient__color--end: map-get($voxel-color__brand--primary, $voxel-list__item__link--hover__background-color__shade) !default;

$voxel-list__item__link__padding-bottom: map-get($voxel-scaffolding__spacing--vertical, "50") !default;
$voxel-list__item__link__padding-top: map-get($voxel-scaffolding__spacing--vertical, "50") !default;

$voxel-list__item__text__padding-bottom: $voxel-list__item__link__padding-bottom !default;
$voxel-list__item__text__padding-top: $voxel-list__item__link__padding-top !default;

$voxel-list__item__before__padding-bottom: $voxel-list__item__link__padding-bottom !default;
$voxel-list__item__before__padding-top: $voxel-list__item__link__padding-top !default;