35 lines
590 B
SCSS
35 lines
590 B
SCSS
%pill-allow::before,
|
|
%pill-deny::before,
|
|
%pill-l7::before {
|
|
@extend %as-pseudo;
|
|
margin-right: 5px;
|
|
font-size: 0.9em;
|
|
}
|
|
%pill-allow,
|
|
%pill-deny,
|
|
%pill-l7 {
|
|
display: inline-block;
|
|
font-weight: $typo-weight-normal;
|
|
font-size: $typo-size-600;
|
|
}
|
|
%pill-allow {
|
|
color: $green-800;
|
|
background-color: $green-100;
|
|
}
|
|
%pill-deny {
|
|
color: $red-800;
|
|
background-color: $red-100;
|
|
}
|
|
%pill-l7 {
|
|
@extend %frame-gray-900;
|
|
}
|
|
%pill-allow::before {
|
|
@extend %with-arrow-right-mask;
|
|
}
|
|
%pill-deny::before {
|
|
@extend %with-deny-color-mask;
|
|
}
|
|
%pill-l7::before {
|
|
@extend %with-layers-mask;
|
|
}
|