material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-08-16 09:00:32 +03:00
Code Issues Projects Releases Wiki Activity

fix(circularprogress)!: make default width 4px

Browse Source 
PiperOrigin-RevId: 562924358
This commit is contained in:
Andrew Jakubowicz 2023-09-05 16:23:28 -07:00 committed by Copybara-Service
parent 58497f13b2
commit c864d3b638
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
progress/internal/_circular-progress.scss
View File

@ -26,6 +26,8 @@
@mixin styles() {
$tokens: tokens.md-comp-circular-progress-values();
// If changing this value, make sure to change $size-without-padding in the
// circular-progress tokens.
$container-padding: 4px;
// note, these value come from the m2 version but match current gm3 values.

4
tokens/_md-comp-circular-progress.scss
View File

@ -52,10 +52,12 @@ $_default: (
// must be set as a raw % for compatibility between rendering border or svg.
$width: map.get($tokens, 'active-indicator-width');
$size: map.get($tokens, 'size');
$container-padding: 4px;
$size-without-padding: $size - $container-padding - $container-padding;
$tokens: map.set(
$tokens,
'active-indicator-width',
math.div($width, $size) * 100
math.div($width, $size-without-padding) * 100
);
}