new directive proposal - @use

[gillyb]

Using this directive, it will allow me to extend classes from another file, but without importing the whole file contents into my file.

Example :

// common.scss
.bold { font-weight:bold; }
.cool-style { font-size:10px; }

// other.scss
@use "common"
.other-cool-style { @extend .bold; }

This will generate 2 files.

1. The common.css file - as sass would generate it now
2. The other.css file which will only have the 'other-cool-style' class with the 'bold' definition in it, but without importing the other styles in the common file.

[chriseppstein]

Possibly related: #139

I'm not sold on this particular use case because it's so easy to separate out the bits that output from the bits that don't. Especially now that we have placeholder selectors for use with @extend.

[phaza]

I miss this functionality aswell. I'm using compass-twitter-bootstrap with rails, and it's not easy to separate CSS into different files and extend the ctb-classes as it is now. My workaround is to import ctb and all my custom scss-files into one file. Not optimal, but it woks without duplicating ctb into every file where I extend it.

[nex3]

This is something we'll want to support in the next version of @import, but not something we'll want to add a new directive for right now.

[gillyb]

Hey, What's the status on this one ? Did you decide to develop it in the end ?

[jarednorman]

What's the status on this?

[nex3]

We're planning to add a new @import-style directive that supports this use case, but we have not seriously started planning it yet.

[jarednorman]

Cool. Thanks!

[julzmon]

I would appreciate this addition especially when using Bootstrap.

[lolmaus]

@julzmon, just extend placeholder selectors of bootstrap-sass.

[crush83]

@lolmaus The problem is when you have @import statements importing the placeholders into your partial file, it ends up duplicating the placeholder output (times how many @imports you have of that particular placeholder).

[chriseppstein]

Duplicate of #1094

[lolmaus]

@crush83

@lolmaus The problem is when you have @import statements importing the placeholders into your partial file, it ends up duplicating the placeholder output (times how many @imports you have of that particular placeholder).

Ever heard of sass-imort-once?