Keno - rezultati

Content za accordion item za Keno rezultate prethodnih kola

by Dejan Munjiza

HTML

<div class="content-results">
  <div class="result-row">
    <div class="u-half amount u-text-left">
      Ukupna uplata: <span>110.000</span> KM
    </div>
    <div class="u-half date">
      <span>12.08.2018.</span>
    </div>
  </div>
  
  <div class="result-row">
    <div class="number-of-combinations">
      Broj kombinacija: <span>2525</span>
    </div>
  </div>
</div>

SCSS

/* Variables */
$color-primary: gray;
$color-secondary: green;

/* Mixins */
@mixin boxmix($position, $width, $margin) {
  position: $position;
  width: $width;
  margin: $margin;
}

/* Breakpoints */
$mob: max-width 767px;
$tab: 768px 1024px;

/* Styles */
.u-half {
  @include boxmix(relative, 50%, 0);
  float: left;
  
  @include breakpoint($mob) {
    @include boxmix(relative, 100%, 0);
  }
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}
.content-results {
  @include boxmix(relative, 100%, 0 auto);
  
  .date {
    text-align: right;
    @include breakpoint($mob) {
      text-align: left;
    }
  }
}