alert action styles
This commit is contained in:
parent
50792d9f37
commit
ee20a81b39
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user