Adds important callout (#2630)
Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
This commit is contained in:
parent
86385d4932
commit
d7e8cdedd1
|
@ -128,7 +128,7 @@ img {
|
||||||
border: 1px solid $grey-lt-300;
|
border: 1px solid $grey-lt-300;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Note, tip, and warning blocks
|
// Note, tip, important, and warning blocks
|
||||||
%callout {
|
%callout {
|
||||||
border: 1px solid $grey-lt-300;
|
border: 1px solid $grey-lt-300;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -147,6 +147,11 @@ img {
|
||||||
border-left: 5px solid $green-100;
|
border-left: 5px solid $green-100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.important {
|
||||||
|
@extend %callout;
|
||||||
|
border-left: 5px solid $yellow-000;
|
||||||
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
@extend %callout;
|
@extend %callout;
|
||||||
border-left: 5px solid $red-100;
|
border-left: 5px solid $red-100;
|
||||||
|
|
Loading…
Reference in New Issue