jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update ux variables, add Liberty Mutual customizations

Browse source
This commit is contained in:
Katie Kroell 2025-12-09 14:44:34 -05:00
parent 5771f88959
commit 3c2078a6c3
3 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/iss-components/site-header/progress-bar/progress-bar.vue
View file

@ -44,7 +44,7 @@ export default {
.progress-bar-header { .progress-bar-header {
padding-right: 0.3125rem; padding-right: 0.3125rem;
color: $green; color: $progress-bar-color;
font-weight: 600; font-weight: 600;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 0.9375rem; line-height: 0.9375rem;
@ -62,11 +62,10 @@ export default {
margin-left: 0; margin-left: 0;
border-radius: $border-radius-pill; border-radius: $border-radius-pill;
background-color: #ffffff;
overflow: visible; overflow: visible;
.progress-bar { .progress-bar {
background-color: $green; background-color: $progress-bar-color;
border-radius: $border-radius-pill 0 0 $border-radius-pill; border-radius: $border-radius-pill 0 0 $border-radius-pill;
overflow: visible; overflow: visible;
@ -79,7 +78,7 @@ export default {
margin-top: -1px; margin-top: -1px;
border: 0.125rem solid #ffffff; border: 0.125rem solid #ffffff;
border-radius: 50%; border-radius: 50%;
background-color: $green; background-color: $progress-bar-color;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
} }
} }

17
src/styles/client-customizations.scss
View file

@ -11,6 +11,7 @@
$button-color: #a9e3e9; $button-color: #a9e3e9;
$button-text-color: #181643; $button-text-color: #181643;
$svg-fill-color: '%2309748b'; // Color of calendar icon. Place HEX code *after* %23 $svg-fill-color: '%2309748b'; // Color of calendar icon. Place HEX code *after* %23
$progress-bar-color: #181643;
//Variables //Variables
--iss-loader-color: #{$button-text-color}; --iss-loader-color: #{$button-text-color};
@ -76,6 +77,22 @@
} }
} }
} }
.progress-bar-container {
.progress-bar-header {
color: $progress-bar-color;
}
.progress {
.progress-bar {
background-color: $progress-bar-color;
.progress-bar-middle {
background-color: $progress-bar-color;
}
}
}
}
} }
// End Liberty Mutual, SafeCo // End Liberty Mutual, SafeCo

5
src/styles/ux-variables.scss
View file

@ -155,6 +155,9 @@ $border-radius-sm: 0.2rem;
$border-radius-lg: 0.5rem; //Used for buttons. Can be used for other things, of course. $border-radius-lg: 0.5rem; //Used for buttons. Can be used for other things, of course.
$border-radius-pill: 50rem; $border-radius-pill: 50rem;
//Progress Bar Styling
$progress-bar-color: $green;
//Spacing //Spacing
// 8 spacers available instead of the usual 5 // 8 spacers available instead of the usual 5
$spacer: 1rem; $spacer: 1rem;
@ -208,4 +211,4 @@ $modal-backdrop-opacity: 0;
$enable-important-utilities: false; $enable-important-utilities: false;
// Letter Spacing // Letter Spacing
$letter-spacing-primary: 0.03em; $letter-spacing-primary: 0.03em;