# Upload SASS-Files

**URL:** <https://community.hubspot.com/t/upload-sass-files/34113>\
**Category:** CMS Development\
**Created:** [March 18, 2021, 4:47pm UTC](https://community.hubspot.com/t/upload-sass-files/34113 "2021-03-18T16:47:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![peesen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/peesen/32/74736_2.png) [@peesen](https://community.hubspot.com/u/peesen)\
**Post date:** [March 18, 2021, 4:47pm UTC](https://community.hubspot.com/t/upload-sass-files/34113/1 "2021-03-18T16:47:34Z")

</div>

Hello, is it still not possible to upload SASS-Files to the HubSpot-Designer (also via HubSpot CLI)? I would like to host the CSS and the SCSS Files on HubSpot. Thank you so much and best regards. Pascal

---

<div class="post-metadata">

**Author:** ![dennisedson](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/dennisedson/32/28044_2.png) [@dennisedson](https://community.hubspot.com/u/dennisedson)\
**Post date:** [March 19, 2021, 7:16pm UTC](https://community.hubspot.com/t/upload-sass-files/34113/2 "2021-03-19T19:16:58Z")

</div>

Hi @peesen , Not at this time.

I would recommend using a version control system and host your files on GitHub or the like.

---

<div class="post-metadata">

**Author:** ![Pixl\_Labs](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/pixl_labs/32/79613_2.png) [@Pixl\_Labs](https://community.hubspot.com/u/Pixl_Labs)\
**Post date:** [March 22, 2021, 1:33am UTC](https://community.hubspot.com/t/upload-sass-files/34113/3 "2021-03-22T01:33:14Z")

</div>

My team and I do it like this.  
We use the HubSpot CLI to work locally. Keep all our SCSS as any other local project.

 ![39709iCA7CF7AAB3CBD766.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/c/8c80238a053d526b7d3c2b7a1f9d19e6484a61e5.png)

We then run it through **gulp.**

```lia-code-sample
const gulp = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');

const paths = {
 src: './scss/main.scss',
 dest: './PATH/css'
}

function compile() {
 return gulp.src(paths.src)
 .pipe(sass().on('error', sass.logError))
 .pipe(autoprefixer())
 .pipe(gulp.dest(paths.dest));
}

function watchForChanges() {
 gulp.watch('./scss/*/**.scss', compile);
}

exports.compile = compile;
exports.watch = watchForChanges;

```

Then you can import your **main.css.**

If you want to do **individual modules**. Create a modules folder in SCSS/SASS and don’t put it as a partial. Then change the paths on your gulp file. Let it create a _your-module.css_ on compile. Then require it in your module html.

```lia-code-sample
<div> YOUR MODULE HTML </div>

{{ require_css(get_asset_url("PATH/your-module.css")) }}

```

Then we keep our whole repository on Github for version control.

Hopefully that helps!

 ![49533iE7C552EF712EC0B5.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/9ff38d7b8dffef967efe93797bf48b086c22b332.png)

**Joshua Todd |** _CEO of Pixl Labs_  
[www.pixllabs.io](https://pixllabs.io/)

---

<div class="post-metadata">

**Author:** ![peesen](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/peesen/32/74736_2.png) [@peesen](https://community.hubspot.com/u/peesen)\
**Post date:** [March 24, 2021, 1:50pm UTC](https://community.hubspot.com/t/upload-sass-files/34113/4 "2021-03-24T13:50:06Z")

</div>

[@Pixl\_Labs](https://community.hubspot.com/t5/user/viewprofilepage/user-id/156228) Hey Josh, thank you so much. We are a group of developers and now changed from the HubSpot Designers to local Development. Now we have the problem, that we can not work like this with SASS because the local SASS-Files are always different. How can we manage, that we all have the same SASS Files all the time in the team? I started thesting with GitHub Desktop.