search

parsajiravand / vue3-form-wizard

A vue3 based tab/form wizard
https://vue3-form-wizard-document.netlify.app/
31 stars 7 forks source link

fix decentered progress bar at step-sizes < 'md' #10

Closed peyruz closed 1 year ago

peyruz commented 1 year ago

The original $computed-font-size definition is rendered into invalid CSS and produces decentered progress bar.

.vue-form-wizard.xs .wizard-navigation .wizard-progress-with-circle {
    position: relative;
    top: math(40px,2)5px;
    height: 4px;
}
parsajiravand commented 1 year ago

@peyruz Thanks for reporting this issue. Unfortunately your code in deprecated on new version . but replace old code with calc now is working fine. best regards

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.