alert action styles
This commit is contained in:
@@ -56,6 +56,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.alert__actions {
|
||||||
|
.icon-link {
|
||||||
|
@include icon-link-color($color-primary, $color-white);
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-left: -$gap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert {
|
.alert {
|
||||||
@@ -64,13 +74,31 @@
|
|||||||
|
|
||||||
&.alert--success {
|
&.alert--success {
|
||||||
@include alert-level('success');
|
@include alert-level('success');
|
||||||
|
|
||||||
|
.alert__actions {
|
||||||
|
.icon-link {
|
||||||
|
@include icon-link-color($color-green, $color-white);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.alert--warning {
|
&.alert--warning {
|
||||||
@include alert-level('warning');
|
@include alert-level('warning');
|
||||||
|
|
||||||
|
.alert__actions {
|
||||||
|
.icon-link {
|
||||||
|
@include icon-link-color($color-gold-dark, $color-white);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.alert--error {
|
&.alert--error {
|
||||||
@include alert-level('error');
|
@include alert-level('error');
|
||||||
|
|
||||||
|
.alert__actions {
|
||||||
|
.icon-link {
|
||||||
|
@include icon-link-color($color-red, $color-white);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user