CSS 3
CSS 3

852
42
0
Sass
Sass

10.4K
1.7K
3K
Add tool

CSS 3 vs Sass: What are the differences?

Developers describe CSS 3 as "The latest evolution of the Cascading Style Sheets language". CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. Experimental parts are vendor-prefixed and should either be avoided in production environments, or used with extreme caution as both their syntax and semantics can change in the future. 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.

CSS 3 can be classified as a tool in the "Languages" category, while Sass is grouped under "CSS Pre-processors / Extensions".

Sass is an open source tool with 12K GitHub stars and 1.93K GitHub forks. Here's a link to Sass's open source repository on GitHub.

Airbnb, StackShare, and Asana are some of the popular companies that use Sass, whereas CSS 3 is used by Simply Business, Ontuitive, and SupplyAI. Sass has a broader approval, being mentioned in 2101 company stacks & 1486 developers stacks; compared to CSS 3, which is listed in 100 company stacks and 283 developer stacks.

- No public GitHub repository available -

What is CSS 3?

CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts. Experimental parts are vendor-prefixed and should either be avoided in production environments, or used with extreme caution as both their syntax and semantics can change in the future.

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.

Want advice about which of these to choose?Ask the StackShare community!

Why do developers choose CSS 3?
Why do developers choose Sass?
    Be the first to leave a pro
    What are the cons of using CSS 3?
    What are the cons of using Sass?
      Be the first to leave a con
        Be the first to leave a con
        What companies use CSS 3?
        What companies use Sass?
        What are some alternatives to CSS 3 and Sass?
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        JavaScript
        JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
        PHP
        Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
        Python
        Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
        HTML5
        HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. As of October 2014 this is the final and complete fifth revision of the HTML standard of the World Wide Web Consortium (W3C). The previous version, HTML 4, was standardised in 1997.
        See all alternatives
        What tools integrate with CSS 3?
        What tools integrate with Sass?
          No integrations found
            No integrations found
            Decisions about CSS 3 and Sass
            No stack decisions found
            Interest over time
            Reviews of CSS 3 and Sass
            No reviews found
            How developers use CSS 3 and Sass
            Avatar of Kevin Ard
            Kevin Ard uses SassSass

            It was a little awkward building BS3 with LESS, and the rest of the site with SCSS, but it works. SCSS made building the UI elements (ink/flip buttons, img navs, etc) a breeze. It also drives the mobile menu open/close transitions - that would have been much too much with vanilla css.

            Avatar of Climate CoLab
            Climate CoLab uses SassSass

            Sass helps us write better stylesheets. One major improvement over CSS that we use a lot is variables - it allows for much easier theming to quickly change brand colors for new instances of the xCoLab.

            Avatar of Ujjwal Bhujel
            Ujjwal Bhujel uses SassSass

            When you realise that countless lines of CSS codes could be made countable. And off course, a wonderful and cool way to use the logic behind variables and nesting. Simply love it.

            Avatar of Scrayos UG (haftungsbeschränkt)
            Scrayos UG (haftungsbeschränkt) uses SassSass

            Sass is used as a part of Woltlab Suite Core, which offers to submit/configure own styles via the injection of own Sass-CSS. So we exclusively rely on Sass for our CSS needs.

            Avatar of Refractal
            Refractal uses SassSass

            CSS is a mess. There, we said it. Sass, on the other hand takes CSS and makes it pretty, easy to work with and has stuff like variables which make things seriously awesome.

            How much does CSS 3 cost?
            How much does Sass cost?
            Pricing unavailable
            Pricing unavailable
            News about CSS 3
            More news