Remove Divi additional 12000+ CSS lines

gulpfile.js

@@ -21,6 +21,8 @@ const rename       = require( 'gulp-rename' );
 const sass         = require( 'gulp-sass' )( require( 'sass' ) );
 const uglify       = require( 'gulp-uglify-es' ).default;
 const browserSync  = require( 'browser-sync' ).create();
+const replace      = require( 'gulp-replace' );
+const merge        = require( 'merge-stream' );
 
 /**
  * Get Package File
@@ -68,6 +70,16 @@ const library = {
 	watch: {}
 };
 
+/**
+ * Generate multiple styles with different prefixes.
+ *
+ * @since 1.12.17
+ */
+const builders = [
+	{ name: '', prefix: '' }, // for default styles
+	{ name: 'divi', prefix: '.et-db #et-boc .et_pb_module' } // for divi builder
+];
+
 library.source.main = './library/';
 library.source.fonts = './library/fonts/';
 library.source.scripts = './library/js/';
@@ -245,24 +257,27 @@ gulp.task( 'library:fonts', function() {
 
 // Build styles
 gulp.task( 'library:styles', function() {
-
-	return gulp.src( library.watch.styles )
-		.pipe(
-			sass({ outputStyle: 'compressed' })
-			.on( 'error', sass.logError )
-		)
-		.pipe( autoprefixer( browsersList ) )
-		.pipe( header( banner ) )
-		.pipe( cleanCSS() )
-		.pipe( rename({
-			suffix: '.min'
-		}) )
-		.pipe( gulp.dest( library.output.styles ) )
-		.pipe( gulp.dest( showcase.output.styles ) )
-		.pipe( browserSync.stream({
-			match: '**/*.css'
-		}) )
-		;
+    const tasks = builders.map( config => {
+        return gulp.src( library.watch.styles )
+            .pipe(
+                sass({ outputStyle: 'compressed' })
+                .on( 'error', sass.logError )
+            )
+            .pipe( replace( '__PREFIX__', config.prefix ) )
+			.pipe( autoprefixer( browsersList ) )
+            .pipe( header( banner ) )
+            .pipe( cleanCSS() )
+            .pipe( rename({
+                suffix: '' !== config.name ? `.builder_${config.name}.min` : '.min'
+            }) )
+            .pipe( gulp.dest( library.output.styles ) )
+            .pipe( gulp.dest( showcase.output.styles ) )
+            .pipe( browserSync.stream({
+                match: '**/*.css'
+            }) );
+    });
+
+    return merge( tasks ); // Merge all streams and return them
 });
 
 // Build scripts

library/scss/mixins/_body-class.scss

@@ -12,8 +12,7 @@
 
 @mixin body-class($module-type: all, $module-theme: all, $desktop: false) {
 
-	.forminator-ui,
-	.et-db #et-boc .et_pb_module .forminator-ui {
+	__PREFIX__ .forminator-ui {
 
 		@if ($module-type == all) {
 
@@ -145,8 +144,7 @@
 // =============================================
 @mixin form-class($module-type: no-type, $module-theme: no-theme, $desktop: false) {
 
-	.forminator-ui,
-	.et-db #et-boc .et_pb_module .forminator-ui {
+	__PREFIX__ .forminator-ui {
 
 		@if ($module-type == no-type) {
 

package.json

@@ -42,6 +42,7 @@
 		"gulp-uglify": "^3.0.1",
 		"gulp-uglify-es": "^3.0.0",
 		"gulp-watch": "^4.0.1",
+		"merge-stream": "^2.0.0",
 		"pump": "^3.0.0",
 		"sass": "^1.63.6"
 	},