Can I import an externally hosted file with sass?

sass compass-sass cdn
Chisos Designs picture Chisos Designs · Jun 5, 2013 · Viewed 40.6k times · Source

Using Sass (SCSS) / Compass, is it possible to import some CSS/SCSS into your code from an externally hosted file?

I am hosting a jQuery plugin on a CDN and want to keep the CSS in the same location so I don't lose it. However, I'd also like to have the option to be able to pull the CSS into my code and have it compile within my main CSS rather than pulling in an extra CSS file in my HTML. Is this possible?

Answer

RyanNerd picture RyanNerd · Feb 5, 2018

For those of you who came here looking for a way of importing a CDN as a sass @import I found the answer here: https://github.com/webpack-contrib/sass-loader/issues/246

This is how you do it (using bootstrap as an example):

styles.scss

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css);

Related questions

File to import not found or unreadable: compass

I successfully installed Sass, but I'm having trouble importing Compass. The following is the error detail: *Syntax error: File to import not found or unreadable: compass. Load path: H:/HTML/___keoFull/sass ..... Backtrace: mainKeo.scss:2 style.scss:2 C:/Ruby193/lib/…

Read More
SASS :not selector

I have a :not css selector in SASS mixin but it doesn't do anything: Code Snippet: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == …

Read More
Sass Background Image mixin

I'm kind of new to Sass, but I'm attempting to create a workflow for myself. I generate "color packs" for my theme designs and need to specify the following variables for my mixin. Is there a better way to do …

Read More