TWtablero/tablero

header {
  background: url('/img/back.png');
  height: 70px;

  .logo {
    padding: 1.0em;
    padding-left: 1.25em;
    text-decoration: none;
  }

  button.btn-success, a.btn-success {
    margin-right: 1em;
    margin-top: 1.5em;
    display: inline-block;
  }

  .filter-container {
    position: relative;
    font-size: 0.9em;
    margin: 1.5em auto;
    width: 260px;
  }

  .filter-repo {
    display: inline-block;
    min-width: 130px;
    color: white;
    cursor: pointer;

    label {
      cursor: pointer;
    }

    i {
      margin-right: 3px;
      background: #6a6a6a;
      padding: 5px;
      border-radius: 3px;
      font-size: 1em;
      color: #777;
    }

    input[type="checkbox"] {
      display: none;
    }

    input[type="checkbox"]:checked + label {
      i {
        color: white;
        @each $color in $repo-colors {
          $i: index($repo-colors, $color) - 1;
          &.color#{$i} {
            background-color: $color;
          }
        }
      }
    }
  }
}