Ozcan Arslan pro asked 4 years ago

I need to use Mega Menu from MDB Pro in Mdb Admin Pro if possible. I copied scss files from mdb pro scss folder into mdb admin pro scss folder but i coulnd't compile scss files?

Marta Wierzbicka staff answered 4 years ago


do you receive any specific error message in the console? Please, tell as what exact problems are there, we'll try to help you.

Best, Marta

Ozcan Arslan pro commented 4 years ago

I managed to compile using GULP using gulpfile.js below but am i doing right? I can use now Mega Menu with MDB Admin Dashboard and I can't get any other error with any component I am using right now.

const gulp = require('gulp'); const browserSync = require('browser-sync').create(); const sass = require('gulp-sass'); const minifyCSS = require('gulp-csso'); const concat = require('gulp-concat'); const autoprefixer = require('gulp-autoprefixer'); const del = require('del'); const runSequence = require('run-sequence');

gulp.task('browser-sync', () => { browserSync.init({ server: { baseDir: "dist" } }); });

gulp.task('css', () => { return gulp.src('scss/*/.scss') .pipe(sass({ outputStyle: 'nested', precision: 10, includePaths: ['.'] }).on('error', sass.logError)) .pipe(minifyCSS()) .pipe(autoprefixer()) .pipe(concat('mdb.min.css')) .pipe(gulp.dest('dist')) .pipe(browserSync.stream()); });

gulp.task('delete', () => del(['dist']));

gulp.task('watch', () => { gulp.watch("scss/*/.scss", ['css']); });

gulp.task('default', gulp.series('delete', 'css', function (done) { done(); }));

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.11
  • Device: Desktop, Mobile
  • Browser: Firefox, Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No