Style for green checkmark and alert.
This commit is contained in:
parent
38dd729b0f
commit
88356a0aaa
1 changed files with 21 additions and 1 deletions
|
|
@ -105,7 +105,6 @@ export default {
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.save-progress-modal-question {
|
.save-progress-modal-question {
|
||||||
order: 2;
|
order: 2;
|
||||||
|
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
position: relative;
|
position: relative;
|
||||||
background: $blue-100;
|
background: $blue-100;
|
||||||
|
|
@ -153,6 +152,27 @@ export default {
|
||||||
transition: background 0s 0s ease-in-out;
|
transition: background 0s 0s ease-in-out;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
:deep(.alert) {
|
||||||
|
border-radius: $border-radius-lg;
|
||||||
|
border: 1px solid $green;
|
||||||
|
}
|
||||||
|
:deep(.alert-heading) {
|
||||||
|
position: relative;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1rem;
|
||||||
|
color: $black;
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
&::before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%230C7E47' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm3.7 6.171-4.449 4.45a.559.559 0 0 1-.8 0l-2.16-2.16a.563.563 0 0 1 .792-.8l1.76 1.76 4.066-4.042a.563.563 0 1 1 .792.8v-.008Z'/%3E%3C/svg%3E");
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
top: 6px;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.applied-promo {
|
.applied-promo {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue