framework7/components/range/range-aurora.less

Full featured mobile HTML framework for building iOS & Android apps

.aurora {
  .range-knob-label {
    margin-bottom: 6px;
    transform: translateX(-50%) translateY(100%) scale(0);
  }
  .range-knob-active-state .range-knob-label {
    transform: translateX(-50%) translateY(0%) scale(1);
  }
}