Sass Blog

Page 4 of 7

Request For Comments: Importing CSS Files

Posted 9 July 2018 by Natalie Weizenbaum

As Dart Sass catches up with Ruby Sass in terms of usability, we’re starting work on adding new features to the language. The first feature we’re looking at is one that’s long been requested by users: adding support for importing plain CSS files without having to rename them to .scss. Not only do we expect this to be very useful, it’s already partially implemented in LibSass, so this will help bring the implementations more in line with one another.

We’re also trying out a new process with this feature. In order to help keep the behavior of different implementations in sync, we’re starting with a prose specification of the feature before moving on to writing code. We’re also taking this as an opportunity to solicit feedback from you, the Sass community! We want to hear your thoughts on the new feature while we have a chance to revise it based on that feedback.

Background permalinkBackground permalink Background permalinkBackground

Historically, the reference implementations of Sass—first Ruby Sass, then Dart Sass—only supported…

Ruby Sass is Deprecated

Posted 2 April 2018 by Natalie Weizenbaum

With the release of Dart Sass 1.0.0 stable last week, Ruby Sass was officially deprecated. I’ll continue to maintain it over the next year, but when 26 March 2019 rolls around it will reach its official end-of-life. I encourage all users to start migrating away sooner rather than later.

The Deprecation Period permalinkThe Deprecation Period permalink The Deprecation Period permalinkThe Deprecation Period

Over the next year, I’ll continue to work on Ruby Sass in a limited capacity. I’ll triage and fix any bugs that are reported, unless they’re minor or obscure enough to be unlikely to pose a practical problem over the next year. I’ll also add support for any new CSS features that require changes to the Sass parser or other parts of the language.

I won’t be working on language features that aren’t necessary for CSS support, though. The latest and greatest features will be appearing exclusively in Dart Sass and LibSass from here on out.

I also won’t be accepting pull requests for new Ruby Sass features. While pull requests are a great way to contribute…

Dart Sass 1.0.0 is Released

Posted 26 March 2018 by Natalie Weizenbaum

I’ve just uploaded Dart Sass 1.0.0, the very first stable release, to GitHub, npm, Chocolatey, Homebrew, and pub. After working on it for almost two years, I’m thrilled to have a stable release out there and officially ready to use in real-world applications. All the reasons we chose Dart as the implementation language are bearing fruit: Dart Sass is much faster than Ruby Sass, much easier to make available across operating systems and language environments, and much more maintainable.

The 1.0.0 stable release indicates that Dart Sass is fully compatible with the Sass language as defined by the sass-spec test suite, and that its npm package is compatible with the Node Sass API, with the exception of source map support which is coming soon.

I’ve also updated sass-lang.com to cover Dart Sass. The release bar now shows the latest version of all three major implementations, as well as links to their release notes and documentation about each one. The install page covers Dart Sass instead…

Sass 3.5 is Released

Posted 7 July 2017 by Natalie Weizenbaum

I’m excited to announce that I’ve just released the stable version of Sass 3.5. This release focuses on compatibility with new CSS syntax, and helps lay the groundwork for the upcoming module system and compatibility with Dart Sass.

Most of the major features in 3.5 were already in the release candidate, which you can read about here. But there are a handful of other changes that have been added since then:

Sass now supports the the ::slotted() pseudo-element, including extending its selector arguments.
The var() function may be safely passed to the CSS color functions rgb(), rgba(), hsl(), and hsla().
Transparent colors created by Sass’s color functions will now be written as rgba(0, 0, 0, 0) rather than transparent to work around a bug in Internet Explorer. Colors written as transparent in the document will still be emitted as written.

Dart Sass Compatibility permalinkDart Sass Compatibility permalink Dart Sass Compatibility permalinkDart Sass Compatibility

I wrote last month about our plans for keeping Ruby Sass compatible with Dart Sass in…

Dart Sass is in Beta

Posted 5 June 2017 by Natalie Weizenbaum

Last weekend was three days long and the weather in Seattle was gorgeous. Contrary to stereotype, spring here is often characterized by bright sunny days that aren’t too hot, and on days like that I love to curl up on the armchair in my living room and write some code. This weekend, that meant finishing up the last few outstanding @extend bugs, finally making Dart Sass fully sass-spec compatible¹.

This is the milestone we’ve decided would mark the transition from alpha to beta releases of Dart Sass. Dart Sass 1.0.0-beta.1 is up now on npm, pub, and Chocolatey, and I encourage people to start trying it out in their own applications. We’ve fixed all the bugs we know about, so now we need our diligent users to find the rest of them and tell us!

Next Steps: Ruby Sass permalinkNext Steps: Ruby Sass permalink Next Steps: Ruby Sass permalinkNext Steps: Ruby Sass

There are a number of intentional behavior differences between Dart Sass and the existing implementations. All of these differences are things we think improve the language, and many of them…