Stack Overflow
Stack Overflow

Questions tagged [stylus]

Expressive, robust, feature-rich CSS language built for Node.js

Stylus is a dynamic stylesheet language that is compiled into Cascading Style Sheets (CSS). Its design is influenced by Sass and LESS. It's regarded as the third most used CSS preprocessor syntax. It was created by TJ Holowaychuk, a former programmer for Node.js and the creator of the Luna language. It is written in JADE and Node.js.

It plays a role similar to SASS and LESS, but strives for a cleaner syntax and more powerful features.

See the Stylus homepage for details.

846 questions
70
votes
2 answers

How to use a Stylus variable in calc?

In Stylus, how do I use a variable in a calc expression? For example, the following doesn't work (arrow-size being a variable): arrow-size = 5px left calc(50% - arrow-size)
aknuds1
  • 65,625
  • 67
  • 195
  • 317
30
votes
3 answers

How does `aws s3 sync` determine if a file has been updated?

When I run the command in the terminal back to back, it doesn't sync the second time. Which is great! It shouldn't. But, if I run my build process and run aws s3 sync programmatically, back to back, it syncs all the files both times, as if my build…
Costa Michailidis
  • 7,691
  • 15
  • 72
  • 124
28
votes
10 answers

Variables in Stylus CSS Media Queries

I've tried everything but I can't get the Stylus CSS preprocessor to use variables in media queries. For instance this doesn't work: t = 1000px @media screen and (max-width: t) html background blue Anyone know how to do this?
Cory
  • 604
  • 1
  • 6
  • 16
26
votes
5 answers

Load variables into LESS CSS preprocessor from JSON file

Is it possible to load variables into LESS CSS preprocessor from a JSON file like you can do with Stylus? With contents of file myvars.json { "color1": "#112345", "color2": "#667890" } In Stylus I do... json('myvars.json') body{…
Billy Moon
  • 57,113
  • 24
  • 136
  • 237
24
votes
3 answers

Stylus and Express - stylesheets are not re-compiled when modified

I am running latest version of Node on Mac OS X. I've installed Express together with Stylus. Also the latest versions. Stylus is not re-compiling my .styl files, when I modify them. How can I fix this? The only solution to getting my .styl files…
cllpse
  • 21,396
  • 37
  • 131
  • 170
24
votes
5 answers

Vuetify icon size

recently I was working on an app using Vuetify and had trouble to change the Vuetify default colors. So I finally ended with this: https://github.com/vuetifyjs/vuetify/issues/299 Which as its says, I added the following code: