Need advice about which tool to choose?Ask the StackShare community!

CJSS

2
7
+ 1
0
Sass

41.8K
31.1K
+ 1
3K
Add tool

CJSS vs Sass: What are the differences?

Developers describe CJSS as "A CSS based web framework". First off, everything happens in your CSS file. You can layer this into your websites as you see fit. You can use this to layer on just a little bit more functionality in your CSS here and there or construct an entire page. On the other hand, Sass is detailed as "Syntactically Awesome Style Sheets". Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

CJSS and Sass can be categorized as "CSS Pre-processors / Extensions" tools.

CJSS and Sass are both open source tools. It seems that Sass with 12K GitHub stars and 1.93K forks on GitHub has more adoption than CJSS with 659 GitHub stars and 19 GitHub forks.

Advice on CJSS and Sass
awesomebanana2018
Needs advice
on
PostCSSPostCSSSassSass
and
StylusStylus

Originally, I was going to start using Sass with Parcel, but then I learned about Stylus, which looked interesting because it can get the property values of something directly instead of through variables, and PostCSS, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?

See more
Replies (2)
Recommends
on
PostCSSPostCSS

You're not correct with saying "vs Postcss". You're using Less/Sass/Stylus/... to produce "CSS" (maybe extended means it has some future features) and then in any case PostCSS will play (it is shipped with Parcel/NextJS/CRA/...)

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of CJSS
Pros of Sass
    Be the first to leave a pro
    • 613
      Variables
    • 594
      Mixins
    • 466
      Nested rules
    • 410
      Maintainable
    • 300
      Functions
    • 149
      Modular flexible code
    • 143
      Open source
    • 112
      Selector inheritance
    • 107
      Dynamic
    • 96
      Better than cs
    • 5
      Used by Bootstrap
    • 3
      If and for function
    • 2
      Better than less
    • 1
      Inheritance (@extend)
    • 1
      Custom functions

    Sign up to add or upvote prosMake informed product decisions

    Cons of CJSS
    Cons of Sass
      Be the first to leave a con
      • 6
        Needs to be compiled

      Sign up to add or upvote consMake informed product decisions

      - No public GitHub repository available -

      What is CJSS?

      First off, everything happens in your CSS file. You can layer this into your websites as you see fit. You can use this to layer on just a little bit more functionality in your CSS here and there or construct an entire page.

      What is Sass?

      Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use CJSS?
      What companies use Sass?
        No companies found
        See which teams inside your own company are using CJSS or Sass.
        Sign up for StackShare EnterpriseLearn More

        Sign up to get full access to all the companiesMake informed product decisions

        What tools integrate with CJSS?
        What tools integrate with Sass?
          No integrations found

          Sign up to get full access to all the tool integrationsMake informed product decisions

          What are some alternatives to CJSS and Sass?
          Animate.css
          It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
          Less
          Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
          Autoprefixer
          It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.
          css-loader
          The css-loader interprets @import and url() like import/require() and will resolve them.
          PostCSS
          PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.
          See all alternatives