How can I control the size of the q-breadcrumbs separator element?



  • I tried adding this to variables-mat-styl: $breadcrumb-separator = 5px but the separator size remains 150%

    The $breadcrumb-separator variable doesn’t seem to be used because in the /dist/quasar.mat.syl file it is defined but then in the actual css it says:

    .q-breadcrumbs
    .q-icon, .q-breadcrumbs-separator
    font-size 150%

    Whereas it should say something like:
    .q-breadcrumbs
    .q-icon, .q-breadcrumbs-separator
    font-size $breadcrumb-separator



  • You can set it hard coded in:
    src/css/app.styl

    add !important if need