profile
viewpoint
stylus Official stylus repositories

stylus/stylus 10336

Expressive, robust, feature-rich CSS language built for nodejs

stylus/nib 1899

Stylus mixins, utilities, components, and gradient image generation

stylus/stylus-lang.com 23

Official Stylus docs

stylus/stlint 14

Stylus Linter

stylus/stlint-vscode-plugin 3

Plugin STLint for Visual Studio Code

stylus/stlint-idea-plugin 2

WebStorm/PHPStorm plugin for Stylus Linter

issue openedstylus/stylus

`slice()` bif reference is markuped incorrectly

https://stylus-lang.com/docs/bifs.html#sliceval-start-end It may already be fixed by https://github.com/stylus/stylus/pull/2300 in 2017, but the official document page isn't updated yet.

stylus-lang_slice-doc-corrupted

created time in 2 days

startedstylus/stylus

started time in 2 days

startedstylus/stylus

started time in 2 days

startedstylus/stylus

started time in 2 days

startedstylus/stylus

started time in 2 days

startedstylus/stylus

started time in 2 days

startedstylus/stylus

started time in 3 days

issue openedstylus/stylus

[Feature Request] Allow `:not(.multiple, .selectors, .in, .not)`

Summary

Currently, negation pseudo-class known as :not() can have only one selector inside it, so to specify matching-none-of-them selector means to write :not(.long):not(.connections):not(.of):not(.many):not(.nots). CSS4 (Selectors Level 4) is planning to allow :not(.comma, .separated, .multiple, .selectors) for its argument, but there has been few browsers (only Safari and mobile Safari) supporting this feature to this day.

I hope this syntax on Stylus!

Example

Of cause, Stylus is already enough powerful to implement it by replace() built-in function and {brace} interpolation. In order to achieve this CSS:

/* matches div.cat */
div:not(.the):not(.quick):not(.brown):not(.fox):not(.jumps):not(.over):not(.a):not(.lazy):not(.dog) {
  color: #abcdef;
}

I can write this Stylus:

/* matches .cat */
sels = ".the .quick .brown .fox .jumps .over .a .lazy .dog"
{"div:not(" + replace(" ", "):not(", sels) + ")"}
  color #abcdef

But... I HOPE THIS!!:

/* matches div.cat */  // Would yield to the same
div:not(.the, .quick, .brown, .fox, .jumps, .over, .a, .lazy, .dog)
  color #abcdef

Motivation

For further readability which CSS4 may also aiming for.

CSS4 proposes many useful new features not only this, but some of them (typically like :has()) seem impossible or very hard to be implemented individually on Stylus - as long as the final production from Stylus is just a plain CSS text. I understand that. In contrast, this beautiful feature which allows :not() a selector list is kind of possible, isn't it?

... My personal cause of this request is just because a stylelint in Stylus for Chrome can't interpret brace interpolation for selectors properly and throws awkward CssSyntaxError warnings.

created time in 3 days

startedstylus/stylus

started time in 4 days

startedstylus/stylus

started time in 4 days

startedstylus/stylus

started time in 4 days

startedstylus/stylus

started time in 4 days

fork nramaldd/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in 7 days

startedstylus/stylus

started time in 7 days

startedstylus/stylus

started time in 8 days

startedstylus/stylus

started time in 8 days

startedstylus/stylus

started time in 8 days

startedstylus/stylus

started time in 8 days

startedstylus/stylus

started time in 10 days

fork terrapintest/nib

Stylus mixins, utilities, components, and gradient image generation

http://stylus.github.io/nib

fork in 10 days

startedstylus/stylus

started time in 10 days

startedstylus/stylus

started time in 10 days

startedstylus/stylus

started time in 11 days

startedstylus/stylus

started time in 11 days

startedstylus/stylus

started time in 11 days

pull request commentstylus/nib

Use official column-fill property

@xdan Could you please review this PR?

Sija

comment created time in 11 days

startedstylus/stylus

started time in 12 days

startedstylus/stylus

started time in 12 days

startedstylus/stylus

started time in 12 days

fork Menhulu/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in 12 days

startedstylus/stylus

started time in 12 days

startedstylus/stylus

started time in 12 days

startedstylus/stylus

started time in 12 days

startedstylus/stylus

started time in 13 days

startedstylus/stlint

started time in 15 days

startedstylus/stylus

started time in 15 days

issue openedstylus/stylus

fix security vulnerability: "mkdirp"

The package uses mkdirp:

"mkdirp": "~0.5.x",

which depends on vulnerable version of minimist.

Please upgrade to latest mkdirp, which doesn't depend on minimist.

created time in 16 days

startedstylus/stylus

started time in 16 days

startedstylus/stylus

started time in 16 days

startedstylus/stylus

started time in 16 days

fork github-pages/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in 16 days

PR closed stylus/nib

Fix "-ms-flex: auto"

flex: auto should be translated to -ms-flex: 1 1 auto because -ms-flex: auto is interpreted as -ms-flex: 1 0 auto by IE 10.

+9 -2

6 comments

2 changed files

candid82

pr closed time in 16 days

startedstylus/stylus

started time in 17 days

startedstylus/stylus

started time in 18 days

startedstylus/stylus

started time in 19 days

startedstylus/stylus

started time in 19 days

startedstylus/stylus

started time in 19 days

issue commentstylus/stylus

Making Stylus more browser friendly.

Just want to clarity, all the popular bundlers support "browser" fields, including webpack.

trusktr

comment created time in 19 days

issue commentstylus/stylus

Imports on the client side or in memory

I would like to know how to run stylus on browser too. The .set('paths', paths) and .include(path) all assume file system access. Is there any way to manually feed a group of files to stylus api?

Charuru

comment created time in 19 days

startedstylus/stylus

started time in 20 days

startedstylus/stylus

started time in 20 days

startedstylus/stylus

started time in 20 days

startedstylus/stylus

started time in 21 days

startedstylus/nib

started time in 21 days

startedstylus/stylus

started time in 22 days

startedstylus/stylus

started time in 23 days

startedstylus/stylus

started time in 24 days

startedstylus/stylus

started time in 24 days

startedstylus/stylus

started time in 25 days

PR opened stylus/stlint

Bump acorn from 6.4.0 to 6.4.1

Bumps acorn from 6.4.0 to 6.4.1. <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/acornjs/acorn/commit/9a2e9b6678e243d66846b91179d650d28453e70c"><code>9a2e9b6</code></a> Mark version 6.4.1</li> <li><a href="https://github.com/acornjs/acorn/commit/90a9548ea0ce351b54f956e2c4ed27cca9631284"><code>90a9548</code></a> More rigorously check surrogate pairs in regexp validator</li> <li>See full diff in <a href="https://github.com/acornjs/acorn/compare/6.4.0...6.4.1">compare view</a></li> </ul> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+3 -3

0 comment

1 changed file

pr created time in 25 days

create barnchstylus/stlint

branch : dependabot/npm_and_yarn/acorn-6.4.1

created branch time in 25 days

fork bensharp-china/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in 25 days

startedstylus/stylus

started time in 25 days

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/nib

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

fork JBourbaki/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

fork acheremunin/stylus

Expressive, robust, feature-rich CSS language built for nodejs

http://stylus-lang.com/

fork in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/nib

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

fork doc22940/stlint

Stylus Linter

fork in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

issue openedstylus/stylus

Imports on the client side

Any way to set file names for multiple strings and render them all together? I can't figure out how to use @import on the client otherwise. Kinda hacking it with .deps() atm.

created time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

issue commentstylus/nib

Is there any sucessor or anyone with an alternative to NIB?

I think the landscape has really changed in the past few years, Stylus or other CSS preprocs are not as often used, polyfills are not as important, and many features that CSS frameworks like nib or bourbon used to provide are easy to do with newer css versions.

acauamontiel

comment created time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

startedstylus/stylus

started time in a month

issue openedstylus/nib

Is there any sucessor or anyone with an alternative to NIB?

It's been over 2 years since the last commit, so I'm looking for an alternative or someone who wants to collab on a new project.

created time in a month

startedstylus/nib

started time in a month

startedstylus/stylus

started time in a month

more