2
0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-16 16:50:33 +03:00
Files
vue-form-wizard/src/assets/form-wizard/bs_progress_bar.scss
T
cristijora 3a535eeade #6 Get rid of bootstrap css
Nest styles under vue-form-wizard class to not affect global styles
Reduce css bundle size
2017-05-03 22:58:43 +03:00

22 lines
524 B
Vue

@import "bs_variables";
@import "mixins";
@mixin transition($transition...) {
-webkit-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
// Bar of progress
.vue-form-wizard .progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: $font-size-small;
line-height: $line-height-computed;
color: $progress-bar-color;
text-align: center;
background-color: $progress-bar-bg;
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
@include transition(width .6s ease);
}