Skip to content
Sign upLog in
This post is read-only. Explore Repls and connect with other creators on Community.View Community
The info in this post might be out of date, check out our docs instead. View docs
10

Is there any way to use SASS/SCSS in Repl.it?

jdeltoro
jdeltoro

I've been using Repl.it for a couple years now only using HTML, CSS & JS. Is there a way to install SASS/SCSS for a project? If so, how can I go about that?

Thanks guys!

3 years ago

Voters

Comments

TopNew
4
duzun
duzun

He is my solution to compile SASS in the browser:

  1. Add to HTML,
  2. Find all link[type="text/scss"] elements and fetch their href's over AJAX,
  3. Use github.com/medialize/sass.js to compile SASS -> CSS,
  4. Replace the with a containing the compiled CSS.

The result: https://minesweeper.duzun.repl.co

2 years ago
1
haroldao
haroldao

Thanks

@coding1001

2 years ago
1
tueisacodepro
tueisacodepro

Create a file like this example:
file_name.scss

1 year ago
1
SixBeeps
SixBeeps

SASS is an executable, which compiles down to CSS. I'll have to give it a try, but the process would be something like:

  • Install the package using NPM
  • Compile the SASS stylesheet
  • Plug the stylesheet into your HTML file

However, due to it not natively being supported, you won't have things like highlighting or auto-complete.

3 years ago
2
jdeltoro
jdeltoro

@SixBeeps
Yeah, I'm very comfortable with Repl, but I know some other online IDE's already have it installed/packaged so you can hit the ground running. I'll look into it further as far as installing it from scratch, thank you!

3 years ago
3
SixBeeps
SixBeeps

@jdeltoro
No problem.
I'm not at my normal computer rn, so if I may, could you try something out for me?
Try typing Ctrl+Shift+S on an HTML Repl

3 years ago
1
jdeltoro
jdeltoro

@SixBeeps
The Repl freezes and then redirects me to a Aw Snap page that can't be displayed.

3 years ago
1

What is SASS/SCSS?

3 years ago
4
jdeltoro
jdeltoro

@TaylorLiang
SASS (Syntactically Awesome Stylesheet) is a CSS pre-processor, which helps to reduce repetition with CSS and saves time.

3 years ago
0
coding1001
coding1001

actually there is a way to use sass! view my tutorial here: https://replit.com/talk/learn/How-To-Use-SASSSCSS-In-REPLIT/129414

2 years ago
Load more