open-consul/ui/packages/consul-ui/app/components/consul/intention/components.scss

35 lines
666 B
SCSS
Raw Normal View History

%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: var(--typo-weight-normal);
font-size: var(--typo-size-600);
}
%pill-allow {
color: rgb(var(--tone-green-800));
background-color: rgb(var(--tone-green-100));
}
%pill-deny {
color: rgb(var(--tone-red-800));
background-color: rgb(var(--tone-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;
}