search

n0sfer666 / Toxin-hotel

0 stars 0 forks source link

css #77

Closed sodiqit closed 2 years ago

sodiqit commented 2 years ago

Все что можно сделать через css - лучше делать через него, а не засорять разметку декоративными элементами. image

n0sfer666 commented 2 years ago

Сделал так: HTML:

    .booking__total
      h2.booking__total-text Итого
      h2.booking__total-text #{currency}
      h2.booking__total-text.js-booking__total-text #{total}

CSS:

  &__total {
    display: block;
    width: 100%;
    max-height: 24px;
    @include fix-overflow;

    &:after {
      $dots: '...............................';
      $manyDots: $dots $dots $dots $dots;
      content: $manyDots;
      display: block;
      color: $dark-shade-25;
      line-height: 28px;
      white-space: nowrap;
      overflow: hidden;
    }
sodiqit commented 2 years ago

Можно было сделать через dashed border, но ладно, зачту)