css/less/partials/secretary-problem.less
@selectedColor: #357ebd;
@rejectedColor: #888;
@losingBetColor: #d2322d;
@maxColor: #4cae4c;
.num-items {
.current {
font-weight: bold;
}
}
.list {
padding-left: 0;
margin-top: 30px;
list-style: none outside none;
text-align: center;
> .item {
display: inline-block;
margin: 10px 0 30px;
padding: 0 10px;
cursor: pointer;
&:last-child {
margin-right: 0;
}
.icon {
font-size: 120px;
}
}
> .non-actionable {
cursor: auto;
}
> .current {
color: @selectedColor;
}
> .selected {
color: @selectedColor;
}
> .losing-bet {
color: @losingBetColor;
}
> .rejected {
color: @rejectedColor;
}
> .max {
color: #4cae4c;
}
}
.result {
display: inline-block;
margin-left: 10px;
}
.btn {
margin-bottom: 10px;
vertical-align: baseline;
}