... should I indicate this as an error. w / out using it my code works. When I use it, I lose some of my styles.
After further study, it removes several class definitions.
Also, someone with a similar problem here - Avoid the grunt cssmin task to remove duplicate entries
I have the same class defined 4 times for each browser. Browsers know which one to use bc browser extensions.
Is there any way to tell this not to be done:
Here is Gruntfile.js
cssmin: { options: { shorthandCompacting: false, roundingPrecision: -1 }, target: { files: { [b + 'css/monster.min.css']: [b + 'css/monster.css'] } } }
Here is the broken CSS.
Here is the relevant code:
.ui-dialog, .grey_box { background: -moz-linear-gradient(top, #fefefe, #dddddd); } .black_but{ color: #ffffff; border: 1px solid #222222; background: -moz-linear-gradient(top, #888888, #444444); } .black_but:hover{ background: -moz-linear-gradient(top, #444444, #222222 ); } .black_but:active{ border: 1px solid #444444; background: -moz-linear-gradient(top, #222222, #000000); } .blue_but{ color: #ffffff; border: 1px solid #057ed0; background: -moz-linear-gradient(top, #31baed, #019ad2); } .blue_but:hover{ background: -moz-linear-gradient(top, #2aaada, #0271bf ); } .blue_but:active{ border: 1px solid #096eb3; background: -moz-linear-gradient(top, #0271bf, #0271bf); }
source share