Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Colton Colcleasure
    @colshacol
    Why has the community around Stylus all but disappeared? =/
    Mihail Malo
    @qm3ster
    @colshacol CSS-in-js
    bruce
    @sqram
    I think i found a bug
    colors = $white #C6C6C6 #00C1A5 #00C473
    for color, i in colors
      &:nth-of-type(i)
        .front
          background color
    transpiles fine, except for the 'i' variable. it just goes out as i, instead of the intended index number
    Mihail Malo
    @qm3ster
    @sqram
    colors = $white #C6C6C6 #00C1A5 #00C473
    for color, i in colors
      &:nth-of-type({i})
        .front
          background color
    Reading the docs saves lives;
    But being a condescending douche like me saves even more.
    bruce
    @sqram
    i did read the docs
    i saw {} under hashes
    Mihail Malo
    @qm3ster
    Well actually jamming the variables into the css is covered under interpolation
    This message was deleted
    bruce
    @sqram

    I reached this example:

      body
        fonts = Impact Arial sans-serif
        for font, i in fonts
          foo i font

    in here http://stylus-lang.com/docs/iteration.html

    but good ot know when inside a css expression it needs {}. thanks
    Colton Colcleasure
    @colshacol
    @qm3ster Stylus offered so much that I love, though. One big selling point for me was the cleanliness. CSS in JS is butt ugly. I use styled-components every day, and all I can think about is how I am going to write my Webpack loader to catch styled-components and inject a Stylus compilation step first. -_-
    kevin olson
    @acidjazz
    glad to hear it @colshacol
    i wonder if theres a better way to write
    #GradientChart
      width 1200px
      &.below-viewport
        > .data > .copys > .copy, > .data > .legend > .stat > .copy, > .data > .legend > .stat > .value
          opacity 0
          transform translate(0, 50px)
    Mihail Malo
    @qm3ster
    #GradientChart
      width 1200px
      &.below-viewport > .data >
        .copys > .copy,
        .legend > .stat > .copy,
        .legend > .stat > .value
          opacity 0
          transform translate(0, 50px)
    This compiles to the same, but you probably reevaluate your markup
    Yavorski
    @yavorski
    Hello all, if you like preact i asked for stylus support in preact-cli,
    So if you are interested you could check out this issue developit/preact-cli#189
    Daniel Shuy
    @daniel-shuy

    Hi all, I have a noob question:
    If a variable is defined with multiple parameters, eg.

    $padding = 4px 10px

    How can I get the 1st parameter of the variable (in this case 4px)?

    Daniel Shuy
    @daniel-shuy
    @qm3ster wow thanks! Stylus ftw
    Hum4n01d
    @Hum4n01d
    Anybody here used stylus with electron-compile
    target: 'electron-renderer',
    André
    @andrecavallari
    How can I use the embedurl ?? It's return the current url of the file instead of base64
    etune
    @etune
    how can I change the hue and increase the saturation of a hex color value?
    kevin olson
    @acidjazz
    /Users/k/.config/yarn/global/node_modules/stylus/bin/stylus:661
                  throw err;
                  ^
    ParseError: unexpected ","
        at Parser.error (/Users/k/.config/yarn/global/node_modules/stylus/lib/parser.js:259:11)
        at Parser.stmt (/Users/k/.config/yarn/global/node_modules/stylus/lib/parser.js:819:32)
        at Parser.statement (/Users/k/.config/yarn/global/node_modules/stylus/lib/parser.js:685:21)
        at Parser.parse (/Users/k/.config/yarn/global/node_modules/stylus/lib/parser.js:236:25)
        at Renderer.render (/Users/k/.config/yarn/global/node_modules/stylus/lib/renderer.js:80:22)
        at /Users/k/.config/yarn/global/node_modules/stylus/bin/stylus:655:15
        at tryToString (fs.js:512:3)
        at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:500:12)
    i dont understrand how im supposed to figure out whats wrong here
    so annoying sometimes how cryptic stylus errors are
    kevin olson
    @acidjazz
    last message september 19th dang
    Colton Colcleasure
    @colshacol
    Really wish there was a bigger Stylus community. It is hard to suggest when there is no news about it, articles, or anything. -_-
    @acidjazz unexpected ","
    Mihail Malo
    @qm3ster
    @colshacol There's Vuetify
    @acidjazz Consider the following: A stylus linter
    Not only will you be able to choose one style out of stylus' astronomical number of ways of writing the exact same thing, the parse errors will be right in your editor and not at runtime
    Jon
    @CookieJon

    @colshacol > Really wish there was a bigger Stylus community. It is hard to suggest when there is no news about it, articles, or anything. -_-

    Maybe now's the time to show the world your Stylus fan-fic?

    bm-stschneider
    @bm-stschneider
    Hello
    I have been trying to find good comparisons of sass/scss and stylus, can anyone tell me the gamechanger of stylus since I am unable to make out large differences :(
    I all seems to be the same except for a bit of syntax
    Or putting it a bit different. Is there any major benefit in migrating from sass/scss to stylus other than personal preference?
    kevin olson
    @acidjazz
    @qm3ster which linter do you use?
    Gavin McFarland
    @limitlessloop
    Hi @bm-stschneider the biggest difference for me was ability to use transparent mixin. Seems trivial but I like being able to create custom CSS properties/declarations.
    kevin olson
    @acidjazz
      flex 0 0 calc( 33% - unit($gap, px) )
    this gives me an error
    hmm
    Mihail Malo
    @qm3ster

    @acidjazz I suspect you might be looking for

    $gap = 3
    .himstdve
      display flex 0 0 s('calc( 33% - unit(%s, px))',$gap)

    which produces

    .himstdve {
      display: flex 0 0 calc( 33% - unit(3, px));
    }
    kevin olson
    @acidjazz
    thanks ill give it a shot
    Mihail Malo
    @qm3ster
    WOW
    were you sitting here all along
    wtf
    kevin olson
    @acidjazz
    12 days