No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Tags
    3. stylus
    Log in to post
    • D

      For components provide a stylus alternative file that uses (more) variables
      Framework • classes css elements focus stylus • • dgk

      2
      0
      Votes
      2
      Posts
      271
      Views

      s.molinari

      Hi dgk. Thanks for the input and feedback. If I may ask, would you be interested in creating an RFC for your thoughts to improve Quasar in terms of Design/ Styling/ Theming for v2.0? Don’t keep yourself reduced to this situation, but go “hog wild” in imagining a new way of designing with Quasar.

      This is just me, but my wish would be that components aren’t styled in any one way to begin with. But rather, they are first “styleless”. Then, there would be a “core Design” that can be added to your app (i.e. Material, Bootstrap, Tailwind, etc.). Then there would be a “Theme” choice or even set of choices that can be added. But, that is just me and my ideas. I’m not a designer. 😁

      We can continue this discussion here, if you’d like. I guess bottom line is, this suggestion more than likely won’t be done. But, for v2.0, we can make designing in Quasar even better.

      Scott

    • a47ae

      [How To] Import Stylus variables depending on the current theme
      Show & Tell • styling stylus webpack • • a47ae

      1
      2
      Votes
      1
      Posts
      1449
      Views

      No one has replied

    • O

      Themeing, Stylus vs SCSS
      Framework • scss stylus • • oliver

      27
      2
      Votes
      27
      Posts
      8858
      Views

      B

      @a47ae said in Themeing, Stylus vs SCSS:

      Only thing you currently can’t to is to use the Stylus variables in SCSS/SASS. But I guess one could find a workaround for that.

      I started working on a (very hacky) workaround… gave up half way through, but maybe someone will find it useful:
      https://gist.github.com/bikubi/76325574c7c8236d5f14323d52e472ab

    • J

      Add Rupture, Jeet and stylus sheet globally
      Help • autoprefixer postcss stylus webpack • • Julien76

      7
      0
      Votes
      7
      Posts
      3607
      Views

      J

      Hi,
      Sorry for late reply, I had to step aside this issue for a few days.
      What you posted back on Stackoverflow solved my issue.
      Many thanks for that.

      stackoverflow

    • Martin

      Style input text color
      Help • stylus text-color • • Martin

      7
      0
      Votes
      7
      Posts
      9562
      Views

      Martin

      @rstoenescu Thanks Razvan. Using css will work fine for now.

    • Martin

      Are current available stylus variables covering entire theme?
      Help • stylus themes • • Martin

      6
      0
      Votes
      6
      Posts
      2599
      Views

      rstoenescu

      Yes, you’re right. Lists have their own text color. Will fix this in v0.8. You can however CSS overwrite the “color” property (not through stylus variables) of lists on v0.7 until the improvement arrives in v0.8.

    • Martin

      Add custom fonts to your app
      Show & Tell • fonts stylus • • Martin

      17
      9
      Votes
      17
      Posts
      16476
      Views

      B

      @strife-cloud Absolutely spot on. I’d worked out the cryptic “Cant resolve … quasar/dist” had something to do with the static files. Your solution was probably the only option I hadn’t tried! It’s a shame the documentation is still wrong.