@atlassian/aui
Version:
Atlassian User Interface library
76 lines (72 loc) • 2.6 kB
text/less
@import './imports/global';
/*! AUI Lozenge */
.aui-lozenge {
background: @aui-lozenge-bg-color;
border: 0 solid @aui-lozenge-border-color;
border-radius: @aui-lozenge-border-radius;
color: @aui-lozenge-text-color;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 2px 5px 3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.aui-lozenge.aui-lozenge-subtle {
background-color: @aui-lozenge-subtle-bg-color;
border-color: @aui-lozenge-subtle-border-color;
color: @aui-lozenge-subtle-text-color;
}
.aui-lozenge-success {
background-color: @aui-lozenge-success-bg-color;
border-color: @aui-lozenge-success-border-color;
color: @aui-lozenge-success-text-color;
}
.aui-lozenge-success.aui-lozenge-subtle {
background-color: @aui-lozenge-success-subtle-bg-color;
border-color: @aui-lozenge-success-subtle-border-color;
color: @aui-lozenge-success-subtle-text-color;
}
.aui-lozenge-error, .aui-lozenge-removed {
background-color: @aui-lozenge-error-bg-color;
border-color: @aui-lozenge-error-border-color;
color: @aui-lozenge-error-text-color;
&.aui-lozenge-subtle {
background-color: @aui-lozenge-error-subtle-bg-color;
border-color: @aui-lozenge-error-subtle-border-color;
color: @aui-lozenge-error-subtle-text-color;
}
}
.aui-lozenge-current, .aui-lozenge-inprogress {
background-color: @aui-lozenge-current-bg-color;
border-color: @aui-lozenge-current-border-color;
color: @aui-lozenge-current-text-color;
&.aui-lozenge-subtle {
background-color: @aui-lozenge-current-subtle-bg-color;
border-color: @aui-lozenge-current-subtle-border-color;
color: @aui-lozenge-current-subtle-text-color;
}
}
.aui-lozenge-complete, .aui-lozenge-new {
background-color: @aui-lozenge-new-bg-color;
border-color: @aui-lozenge-new-border-color;
color: @aui-lozenge-new-text-color;
&.aui-lozenge-subtle {
background-color: @aui-lozenge-new-subtle-bg-color;
border-color: @aui-lozenge-new-subtle-border-color;
color: @aui-lozenge-new-subtle-text-color;
}
}
.aui-lozenge-moved {
background-color: @aui-lozenge-moved-bg-color;
border-color: @aui-lozenge-moved-border-color;
color: @aui-lozenge-moved-text-color;
}
.aui-lozenge-moved.aui-lozenge-subtle {
background-color: @aui-lozenge-moved-subtle-bg-color;
border-color: @aui-lozenge-moved-subtle-border-color;
color: @aui-lozenge-moved-subtle-text-color;
}