Scale

Basic examples

  • Default

5 Enfants différents

et 3 enfants signalés absents

    Show code
    <div class="scale-overflow scale-overflow--orange-medium"> <div class="scale-hours-wrapper"> <div class="scale-wrapper js-kids-max-number" data-kids-max-number="5"> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="4"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="5"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="5"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="5"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="5"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="4"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="4"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="3"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="1"></div> </div> </div> <div class="scale"> <div class="scale__background"> <div class="scale__kids-number" data-kids-number="1"></div> </div> </div> </div> <ol class="scale-hours js-opening-time" data-time-opening="6" data-time-closing="15"></ol> </div> </div>