refactor(ProgressGroup): add new scss variables

mrholek · mrholek · commit 2bd24259e5e7 · 2021-06-23T17:03:38.000+02:00
diff --git a/scss/_progress.scss b/scss/_progress.scss
@@ -59,27 +59,22 @@
   }
 }
 
-//TODO: move all values to variables.scss
 .progress-group {
   display: flex;
   flex-flow: row wrap;
-  margin-bottom: $spacer;
+  margin-bottom: $progress-group-margin-bottom;
 }
 
 .progress-group-prepend {
   flex: 0 0 100px;
   align-self: center;
 }
 
-.progress-group-icon {
-  font-size: $font-size-lg;
-}
-
 .progress-group-header {
   display: flex;
   flex-basis: 100%;
   align-items: center;
-  margin-bottom: ($spacer * .25);
+  margin-bottom: $progress-group-header-margin-bottom;
 }
 
 .progress-group-bars {
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1462,6 +1462,9 @@ $progress-bar-color:                $high-emphasis-inverse !default;
 $progress-bar-bg:                   $primary !default;
 $progress-bar-animation-timing:     1s linear infinite !default;
 $progress-bar-transition:           width .6s ease !default;
+
+$progress-group-margin-bottom:         $spacer !default;
+$progress-group-header-margin-bottom:  $spacer * .25 !default;
 // scss-docs-end progress-variables
 
 // List group

Original file line number	Diff line number	Diff line change
`@@ -59,27 +59,22 @@`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`
`62`		`-//TODO: move all values to variables.scss`
`63`	`62`	`.progress-group {`
`64`	`63`	`display: flex;`
`65`	`64`	`flex-flow: row wrap;`
`66`		`- margin-bottom: $spacer;`
	`65`	`+ margin-bottom: $progress-group-margin-bottom;`
`67`	`66`	`}`
`68`	`67`
`69`	`68`	`.progress-group-prepend {`
`70`	`69`	`flex: 0 0 100px;`
`71`	`70`	`align-self: center;`
`72`	`71`	`}`
`73`	`72`
`74`		`-.progress-group-icon {`
`75`		`- font-size: $font-size-lg;`
`76`		`-}`
`77`		`-`
`78`	`73`	`.progress-group-header {`
`79`	`74`	`display: flex;`
`80`	`75`	`flex-basis: 100%;`
`81`	`76`	`align-items: center;`
`82`		`- margin-bottom: ($spacer * .25);`
	`77`	`+ margin-bottom: $progress-group-header-margin-bottom;`
`83`	`78`	`}`
`84`	`79`
`85`	`80`	`.progress-group-bars {`