We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
IMPORTANT: clean-css is now in a maintenance mode. PRs are still welcome, and I will try do an occasional bugfix relase.
I've an issue with border when I use !important, the generated css is fine but the minified version using clean-css removes the border color
!important
clean-css@4.2.3
v14.19.0
windows 10
const { src, dest, parallel } = require('gulp'); const sass = require('gulp-sass')(require('sass')); const cleanCSS = require('gulp-clean-css'); const autoprefixer = require('gulp-autoprefixer'); const rename = require("gulp-rename") const flatten = require('gulp-flatten'); var gulpIgnore = require('gulp-ignore'); function minify() { return src(paths.styles) .pipe(sass()) .pipe(autoprefixer()) .pipe(cleanCSS({ level: { "2": { all: false, removeDuplicateRules: true, restructureRules: true, mergeSemantically: true } }, })) .pipe(rename({ extname: '.min.css' })) .pipe(flatten()) .pipe(dest(file => { const srcFullPath = file.history[2]; const destPath = srcFullPath.replace(file.basename, ''); return destPath })) } exports.styles = minify;
&:hover { border: 1px solid var(--#{$root-vars-prefix}primary-bg-color) if($enable-important-utilities, !important, null); }
.n-btn.n-btn--primary:hover { border: 1px solid var(--layout-primary-dark-color) !important; }
.n-btn.n-btn--primary:hover{border:1px solid!important}
.n-btn.n-btn--primary:hover{border:1px solid **var(--layout-primary-dark-color)** !important}
The text was updated successfully, but these errors were encountered:
No branches or pull requests
IMPORTANT: clean-css is now in a maintenance mode. PRs are still welcome, and I will try do an occasional bugfix relase.
Precheck
I've an issue with border when I use
!important
, the generated css is fine but the minified version using clean-css removes the border colorEnvironment
clean-css@4.2.3
:v14.19.0
:windows 10
Configuration options
Input CSS
Actual output CSS
Actual output Minified CSS
Expected output CSS
The text was updated successfully, but these errors were encountered: