mirror of
https://github.com/ansible/awx.git
synced 2026-02-21 13:10:11 -03:30
bc08d8f82a
Started applying new styles starting with removal of tabs. Brought in new breadcrumb format and blended with inventory edit group breadcrumbs. Rather than attempting to override bootstrap styles after the fact, copied boostrap less file and started modifying those to create ansible-boostrap.css, as described in the boostrap documentation.
56 lines
1.0 KiB
Plaintext
56 lines
1.0 KiB
Plaintext
//
|
|
// Badges
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Base classes
|
|
.badge {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
padding: 3px 7px;
|
|
font-size: @font-size-small;
|
|
font-weight: @badge-font-weight;
|
|
color: @badge-color;
|
|
line-height: @badge-line-height;
|
|
vertical-align: baseline;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
background-color: @badge-bg;
|
|
border-radius: @badge-border-radius;
|
|
|
|
// Empty badges collapse automatically (not available in IE8)
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
// Quick fix for badges in buttons
|
|
.btn & {
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.btn-xs & {
|
|
top: 0;
|
|
padding: 1px 5px;
|
|
}
|
|
}
|
|
|
|
// Hover state, but only for links
|
|
a.badge {
|
|
&:hover,
|
|
&:focus {
|
|
color: @badge-link-hover-color;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// Account for counters in navs
|
|
a.list-group-item.active > .badge,
|
|
.nav-pills > .active > a > .badge {
|
|
color: @badge-active-color;
|
|
background-color: @badge-active-bg;
|
|
}
|
|
.nav-pills > li > a > .badge {
|
|
margin-left: 3px;
|
|
}
|