|
1174 | 1174 | /// @return {Map} A set of custom tokens for the mat-slide-toggle
|
1175 | 1175 | @function switch($systems, $exclude-hardcoded) {
|
1176 | 1176 | @return (
|
| 1177 | + disabled-selected-handle-opacity: _hardcode(1, $exclude-hardcoded), |
| 1178 | + disabled-unselected-handle-opacity: _hardcode(0.38, $exclude-hardcoded), |
1177 | 1179 | unselected-handle-size: _hardcode(16px, $exclude-hardcoded),
|
1178 | 1180 | selected-handle-size: _hardcode(24px, $exclude-hardcoded),
|
1179 | 1181 | with-icon-handle-size: _hardcode(24px, $exclude-hardcoded),
|
|
1190 | 1192 | //
|
1191 | 1193 | // The m2 slide-toggle uses transforms to hide & show the tracks while
|
1192 | 1194 | // the m3 slide-toggle uses opacity.
|
1193 |
| - visible-track-opacity: 1, |
1194 |
| - hidden-track-opacity: 0, |
1195 |
| - visible-track-transition: opacity 75ms, |
1196 |
| - hidden-track-transition: opacity 75ms, |
1197 |
| - track-outline: 2px solid map.get($systems, md-sys-color, outline), |
1198 |
| - disabled-unselected-track-outline: 2px solid map.get($systems, md-sys-color, on-surface), |
| 1195 | + visible-track-opacity: _hardcode(1, $exclude-hardcoded), |
| 1196 | + hidden-track-opacity: _hardcode(0, $exclude-hardcoded), |
| 1197 | + visible-track-transition: _hardcode(opacity 75ms, $exclude-hardcoded), |
| 1198 | + hidden-track-transition: _hardcode(opacity 75ms, $exclude-hardcoded), |
| 1199 | + track-outline-width: _hardcode(2px, $exclude-hardcoded), |
| 1200 | + track-outline-color: map.get($systems, md-sys-color, outline), |
| 1201 | + disabled-unselected-track-outline-width: _hardcode(2px, $exclude-hardcoded), |
| 1202 | + disabled-unselected-track-outline-color: map.get($systems, md-sys-color, on-surface), |
1199 | 1203 | ), ();
|
1200 | 1204 | }
|
1201 | 1205 |
|
|
0 commit comments