@use "sass:math";

// Legacy variables
$borderRadius : 4px;

$shadeLow : 10%;
$shadeMed : 25%;
$shadeHigh : 35%;

$vertz: 'Top' 'Middle' 'Bottom';
$directions: 'Top' 'Right' 'Bottom' 'Left';
$sizes: 'full' 'half' 'third' 'quarter' 'fifth' 'sixth' 'seventh' 'eighth' 'ninth' 'tenth';

$offSizes: (
    'twoThirds' (math.div(1, index($sizes, 'third')) * 2),

    'threeQuarters' (math.div(1, index($sizes, 'quarter')) * 3),

    'twoFifths' (math.div(1, index($sizes, 'fifth')) * 2),
    'threeFifths' (math.div(1, index($sizes, 'fifth')) * 3),
    'fourFifths' (math.div(1, index($sizes, 'fifth')) * 4),

    'fiveSixths' (math.div(1, index($sizes, 'sixth')) * 5),

    'twoSevenths' (math.div(1, index($sizes, 'seventh')) * 2),
    'threeSevenths' (math.div(1, index($sizes, 'seventh')) * 3),
    'fourSevenths' (math.div(1, index($sizes, 'seventh')) * 4),
    'fiveSevenths' (math.div(1, index($sizes, 'seventh')) * 5),
    'sixSevenths' (math.div(1, index($sizes, 'seventh')) * 6),

    'sevenEighths' (math.div(1, index($sizes, 'eighth')) * 7),

    'twoNinths' (math.div(1, index($sizes, 'ninth')) * 2),
    'fourNinths' (math.div(1, index($sizes, 'ninth')) * 4),
    'fiveNinths' (math.div(1, index($sizes, 'ninth')) * 5),
    'sevenNinths' (math.div(1, index($sizes, 'ninth')) * 7),
    'eightNinths' (math.div(1, index($sizes, 'ninth')) * 8),

    'threeTenths' (math.div(1, index($sizes, 'tenth')) * 3),
    'sevenTenths' (math.div(1, index($sizes, 'tenth')) * 7),
    'nineTenths' (math.div(1, index($sizes, 'tenth')) * 9)
);

$animDuration : 0.2s;