3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-21 19:06:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Load debug CSS in local dev only

Browse source
This commit is contained in:
Belén Albeza 2024-01-03 10:34:28 +01:00 • committed by Alonso Torres
parent c77af2000c
commit 73b8f3fb17
4 changed files with 34 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/gulpfile.js
View file

@ -1,6 +1,6 @@
import fs from "fs";
import l from "lodash";
import path from "path"
import path from "path";
import gulp from "gulp";
import gulpConcat from "gulp-concat";
@ -9,8 +9,8 @@ import gulpMustache from "gulp-mustache";
import gulpPostcss from "gulp-postcss";
import gulpRename from "gulp-rename";
import * as sass from 'sass';
import gsass from 'gulp-sass';
import * as sass from "sass";
import gsass from "gulp-sass";
const gulpSass = gsass(sass);
import svgSprite from "gulp-svg-sprite";
@ -204,6 +204,7 @@ function templatePipeline(options) {
manifest: manifest,
translations: JSON.stringify(locales),
themes: JSON.stringify(themes),
isDebug: process.env.NODE_ENV !== "production",
});
return gulp.src(input).pipe(tmpl).pipe(gulpRename(name)).pipe(gulp.dest(output)).pipe(touch());
@ -231,16 +232,16 @@ gulp.task("scss:modules", function () {
modules({
getJSON: function (cssFileName, json, outputFileName) {
// We do nothing because we don't want the generated JSON files
},
},
// Calculates the whole css-module selector name.
// Should be the same as the one in the file `/src/app/main/style.clj`
generateScopedName: function (selector, filename, css) {
const dir = path.dirname(filename);
const name = path.basename(filename, ".css");
const parts = dir.split("/");
const rootIdx = parts.findIndex(s => s === ROOT_NAME);
const rootIdx = parts.findIndex((s) => s === ROOT_NAME);
return parts.slice(rootIdx + 1).join("_") + "_" + name + "__" + selector;
},
},
}),
autoprefixer(),
]),
@ -249,13 +250,15 @@ gulp.task("scss:modules", function () {
});
gulp.task("scss:main", function () {
const sources = [`${paths.resources}styles/main-default.scss`, `${paths.resources}styles/debug.scss`];
return gulp
.src(paths.resources + "styles/main-default.scss")
.pipe(gulpSass.sync({
includePaths: [
"./node_modules/animate.css"
]
}))
.src(sources)
.pipe(
gulpSass.sync({
includePaths: ["./node_modules/animate.css"],
}),
)
.pipe(gulpPostcss([autoprefixer]))
.pipe(gulp.dest(paths.output + "css/"));
});