quasar/src/components/knob/QKnob.styl

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

.q-knob

  font-size: 48px

  &--editable
    cursor: pointer
    outline: 0

    &:before
      content: ''
      position: absolute
      top: 0
      right: 0
      bottom: 0
      left: 0
      border-radius: 50%
      box-shadow: none
      transition: box-shadow .24s ease-in-out

    &:focus:before
      box-shadow: $shadow-4