Skip to content

CSS Visibility

disabled
hiddendisplaynonehidden
invisiblevisibilityhiddeninvisible
transparent
dimmed
light-dimmed
ellipsis
ellipsis-2-lines
ellipsis-3-lines
z-top
z-max

window

Extra Smallxs0px599.99px
Smallsm600px1023.99px
Mediummd1024px1439.99px
Largelg1440px1919.99px
Extra Largexl1920pxInfinity
xs
sm
md
lg
xl
  • gt: greater than
  • lt: little than

예시

html
<span class="gt-sm inline"></span>

platform

desktop-only
mobile-only
native-mobile-only
cordova-only
capacitor-only
electron-only
touch-only
platform-ios-only
platform-android-only
within-iframe-only
desktop-hide
mobile-hide
native-mobile-hide
cordova-hide
capacitor-hide
electron-hide
touch-hide
platform-ios-hide
platform-android-hide
within-iframe-hide

origentation

orientation-portrait
orientation-landscape

print

print-only
print-hide

Theme Builder

https://quasar.dev/style/theme-builder
brand color의 설정을 도와주는 도구 입니다.