You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.5 KiB
87 lines
2.5 KiB
/* --------------------------------------------------------
|
|
Colors :: Begin
|
|
-------------------------------------------------------- */
|
|
|
|
@each $Color,
|
|
$Value in $colors {
|
|
.color-#{$Color},
|
|
.link-#{$Color}:hover,
|
|
.link-#{$Color}:hover .v-icon,
|
|
.link-#{$Color}.WM-Selected,
|
|
.link-#{$Color}.WM-Active {
|
|
color: $Value;
|
|
}
|
|
.border-#{$Color},
|
|
.hover-#{$Color}:hover {
|
|
border-color: $Value;
|
|
}
|
|
.border-right-#{$Color} {
|
|
border-right-color: $Value;
|
|
}
|
|
}
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Steps : Colors
|
|
-------------------------------------------------------- */
|
|
|
|
@each $color,
|
|
$value in $colors {
|
|
//-------------------Active State-----------------------------
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$color}.active .v-stepper__label {
|
|
color: #fff;
|
|
}
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$color}.active .v-stepper__step__step {
|
|
color: #fff;
|
|
}
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$color}.active {
|
|
background-color: $value;
|
|
}
|
|
|
|
//-------------------Passed State-----------------------------
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$color}.passed .v-stepper__label {
|
|
color: $value;
|
|
}
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$color}.passed .v-stepper__step__step {
|
|
color: $value
|
|
}
|
|
|
|
//-------------------Current Step-----------------------------
|
|
.order-status .current-status.theme-#{$color} {
|
|
border: 2px solid $value;
|
|
}
|
|
.order-status .current-status.theme-#{$color} .symbol .v-icon {
|
|
color: $value
|
|
}
|
|
|
|
|
|
}
|
|
@each $backgroundColor,
|
|
$value in $backgrounds {
|
|
.v-stepper.we-stepper .v-stepper__step.theme-#{$backgroundColor}.passed {
|
|
background-color: $value;
|
|
}
|
|
.bg-#{$backgroundColor} {
|
|
background-color: $value;
|
|
}
|
|
}
|
|
|
|
|
|
.text-gradient.orange-purple {
|
|
background: -webkit-linear-gradient(300deg, #ffbb82 .31%, #6a2150 1.91%, #f9755a 99.36%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.text-gradient.cyan-black {
|
|
background: -webkit-linear-gradient(300deg, #3c3c3c 0.31%, #312b2f 1.91%, #1d919c 99.36%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.text-gradient.black-black {
|
|
background: -webkit-linear-gradient(300deg, #3c3c3c 0.31%, #312b2f 1.91%, #656565 99.36%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
|