javiercejudo/javiercejudo.com

View on GitHub
css/less/partials/secretary-problem.less

Summary

Maintainability
Test Coverage
@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;
}