sportsbet-mobile/client/style/event.import.less

Sportsbet mobile

.event {

  .container {
    background: #fff;
  }

  .content {
    padding: 10px;
  }

  .info {
    background: #f0f0f0;
    padding: 10px;
    border-bottom: 3px solid #ccc;
    margin-bottom: 10px;

    .timer {
      float: right;
    }

    .score-container {
      display: inline-block;
      max-width: 33%;
      text-align: center;
      margin-right: 5px;
      float: right;
      .score-col {
        display: inline-block;
      }

      .score {
        font-size: 11px;
        font-weight: 400;
        color: #333;
        margin: 5px 0px 0px 0px;
        display: flex;
        justify-content: center;

      }

      .current-score-col {
        margin-right: 6px;
        .score {
          font-weight: 600;
          color: green;
          font-size: 13px;
        }
      }

    }

    .team-container {
      display: inline-block;
      max-width: 70%;
        .team-col {
          display: inline-block;
        }
    .team {
      margin: 5px 0px 0px 0px;
      font-size: 14px;
      }
    }

    p {
      color: #777777;
      margin-bottom: 0px;

      b {
        color: red;
        font-style: italic;
        text-transform: uppercase;
      }

    }

    .additional {
      margin-top: 10px;
    }

    .icon-holder {
      width: 100%;
      font-size: 14px;
      letter-spacing: 3px;
      color: #787878;
      margin-bottom: 5px;

      div {
        display: inline-block;
      }

      .square {
        background: #E60000;
        height: 12px;
        width: 8px;
        margin-top: 0px;
        margin-bottom: -1px;

        &.yellow {
          background: #FFC000;
        }
      }

      .corner:before {
        content: '';
        background: url(/images/icons.png) -7px -529px;
        height: 33px;
        width: 28px;
        position: relative;
        display: inline-block;
        margin-bottom: -3px;
        zoom: 0.6;
      }
    }

    h3 {

      .score {
        font-size: 16px;
        font-weight: 600;
        color: #89C331;
        display: inline-block;
        width: 70px;
        text-align: right;
        line-height: 20px;
        padding-top: 0px;
        position: absolute;
        right: 0px;
      }

    }

  }
}