q-editor font size labels

[daveline]

How do you change the font size labels for the q-editor?

[beets]

@daveline You can try something like this css:

font[size="1"] {
  font-size: 10px
}
font[size="2"] {
  font-size: 14px
}
font[size="3"] {
  font-size: 16px
}
font[size="4"] {
  font-size: 18px
}
font[size="5"] {
  font-size: 24px
}
font[size="6"] {
  font-size: 32px
}
font[size="7"] {
  font-size: 48px
}

I’m not sure if you only want to change the size in the toolbar, and not the actual editor though. If only the toolbar, you can wrap those above definitions in a .q-menu selector, like:

.q-menu {
  font[size="1"] {
    font-size: 10px
  }
  font[size="2"] {
    font-size: 14px
  }
  font[size="3"] {
    font-size: 16px
  }
  font[size="4"] {
    font-size: 18px
  }
  font[size="5"] {
    font-size: 24px
  }
  font[size="6"] {
    font-size: 32px
  }
  font[size="7"] {
    font-size: 48px
  }
}