@import '../base/components/notice/index'; %notice { margin-bottom: 1em; } %notice-success::before { @extend %with-check-circle-fill-color-icon; } %notice-info::before { @extend %with-info-circle-fill-color-icon; } %notice-highlight::before { @extend %with-star-icon; } %notice-warning::before { @extend %with-alert-triangle-color-icon; } %notice-error::before { @extend %with-cancel-square-fill-color-icon; } /**/ .notice.warning { @extend %notice-warning; } .notice.error { @extend %notice-error; } .notice.info { @extend %notice-info; } .notice.policy-management { @extend %notice-highlight; }