_shape.scss

@use "./dp";

@mixin shape-tokens {
    --md-sys-shape-corner-none: #{dp.dp(0)};
    --md-sys-shape-corner-extra-small: #{dp.dp(4)};
    --md-sys-shape-corner-extra-small-top: #{dp.dp(4)} #{dp.dp(4)} #{dp.dp(0)} #{dp.dp(0)};
    --md-sys-shape-corner-small: #{dp.dp(8)};
    --md-sys-shape-corner-medium: #{dp.dp(12)};
    --md-sys-shape-corner-large: #{dp.dp(16)};
    --md-sys-shape-corner-large-end: #{dp.dp(0)} #{dp.dp(16)} #{dp.dp(16)} #{dp.dp(0)};
    --md-sys-shape-corner-large-top: #{dp.dp(16)} #{dp.dp(16)} #{dp.dp(0)} #{dp.dp(0)};
    --md-sys-shape-corner-extra-large: #{dp.dp(28)};
    --md-sys-shape-corner-extra-large-top: #{dp.dp(28)} #{dp.dp(28)} #{dp.dp(0)} #{dp.dp(0)};
    --md-sys-shape-corner-full: 100000px;
}