:root {
    --padding--size: 0px;
    --padding--small: 9px;
    --padding--medium: 18px;
    --padding--large: 36px;
}

*[class*="padding--size--none--"] {
    --padding--size: 0px;
}

*[class*="padding--size--small--"] {
    --padding--size: var(--padding--small);
}

*[class*="padding--size--medium--"] {
    --padding--size: var(--padding--medium);
}

*[class*="padding--size--large--"] {
    --padding--size: var(--padding--large);
}