src/sass/_bidCount.scss
.bid-count-container {
margin-top: 0;
.bid-count-list-item {
background: $blue-primary;
color: $color-white;
margin-bottom: 0;
}
.bid-count-number {
padding: .2em 1em;
}
.bid-count-list-item:first-child {
border-radius: 5px 0 0 5px;
}
.bid-count-list-item:last-child {
border-radius: 0 5px 5px 0;
}
.bid-count-list {
float: right;
padding-left: 0;
}
.bid-count-label {
float: left;
font-size: 16px;
font-weight: bold;
margin-right: .5em;
padding-top: .2em;
}
&.bid-count-secondary {
.bid-count-list-item {
background: $color-white;
border-color: $color-gray;
color: $color-black;
}
.bid-count-list .bid-count-number {
padding: .5em .7em;
}
li {
border-color: $color-gray-light;
line-height: 1.8;
}
}
&.bid-count-condensed {
li {
border-width: 1px;
line-height: 1.3;
}
li:nth-last-child(1) {
border-right-width: 1px;
}
.bid-count-list-item:first-child {
border-radius: 3px 0 0 3px;
}
.bid-count-list-item:last-child {
border-radius: 0 3px 3px 0;
}
}
}
.bid-count-list {
display: inline-block;
// override default uswds ul margins
margin-bottom: 0;
margin-top: 0;
$border-width: 2px;
// Set our borders
li {
border-bottom: solid;
border-left: solid;
border-right: 0;
border-top: solid;
border-width: $border-width;
color: $color-gray;
cursor: help;
display: inline-block;
text-align: center;
}
// The last element gets a border-right, unlike our general <li>s.
li:nth-last-child(1) {
border-right: solid;
border-right-width: $border-width;
}
.bid-count-number {
padding: .2em 1em;
}
}