diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css index 704d28c..bae8d37 100644 --- a/styles/27-patterns-delete-confirmation.css +++ b/styles/27-patterns-delete-confirmation.css @@ -81,6 +81,7 @@ width: 100%; justify-content: flex-start; gap: var(--spacing-small); + font-weight: var(--font-weight-regular); color: var(--text-delete-confirmation-overlay); background: var(--surface-control-inactive); } @@ -98,17 +99,15 @@ flex: 0 0 auto; width: 1rem; height: 1rem; - background-color: currentColor; + background: center / contain no-repeat; } .sg-delete-confirmation-pattern__list-button[data-selected="true"] .sg-delete-confirmation-pattern__list-icon { - -webkit-mask: url("../assets/icons/star-filled.svg") no-repeat center / contain; - mask: url("../assets/icons/star-filled.svg") no-repeat center / contain; + background-image: url("../assets/icons/star-filled.svg"); } .sg-delete-confirmation-pattern__list-button[data-selected="false"] .sg-delete-confirmation-pattern__list-icon { - -webkit-mask: url("../assets/icons/star-outline.svg") no-repeat center / contain; - mask: url("../assets/icons/star-outline.svg") no-repeat center / contain; + background-image: url("../assets/icons/star-outline.svg"); } .sg-delete-confirmation-pattern__text {