Edit on github

@import with Sass

In JS Bin you can import other bins with Sass really easily.

First write the bin you want to import, like in this example.

$a: red;
$b: orange;
$c: yellow;
$d: green;

body {
  color: $a;

Then create another bin where you call the @import function.

To use a specific version of the bin:

@import 'piboc/2.scss';

body {
  color: $b;

To use the latest version of the bin:

@import 'piboc.scss';

body {
  color: $b;

You can see the result in the final live example.

If you use SCSS syntax the extension of the file will be .scss, while with the Sass syntax the extension will be .sass.


To use Bourbon, simply use @import 'bourbon/bourbon'

@import 'bourbon/bourbon';

html, body {
  height: 100%;
body {
  @include linear-gradient(red, orange, yellow, lime, green, cyan, blue, magenta);
  font-family: $helvetica;

Live example

❤️ Love JS Bin?

Support this open source project today, and help it continue to run for another decade 🎂