{"action":"created","issue":{"url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670","labels_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/labels{/name}","comments_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/comments","events_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/events","html_url":"https://github.com/jakubpawlowicz/clean-css/issues/670","id":106487771,"number":670,"title":"-webkit prefix missing after css minification","user":{"login":"that1guy","id":1218940,"avatar_url":"https://avatars.githubusercontent.com/u/1218940?v=3","gravatar_id":"","url":"https://api.github.com/users/that1guy","html_url":"https://github.com/that1guy","followers_url":"https://api.github.com/users/that1guy/followers","following_url":"https://api.github.com/users/that1guy/following{/other_user}","gists_url":"https://api.github.com/users/that1guy/gists{/gist_id}","starred_url":"https://api.github.com/users/that1guy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/that1guy/subscriptions","organizations_url":"https://api.github.com/users/that1guy/orgs","repos_url":"https://api.github.com/users/that1guy/repos","events_url":"https://api.github.com/users/that1guy/events{/privacy}","received_events_url":"https://api.github.com/users/that1guy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-09-15T06:14:36Z","updated_at":"2015-09-18T05:34:47Z","closed_at":null,"body":"All my `-webkit` prefixes are getting stripped during the minification process.  This causes all much of my application to behave badly on Safari & iOS device.  I've spent a lot of time trying to resolve this one, but I'm stumped.\r\n\r\nHere's an example of my raw SASS\r\n\r\n````\r\n.layout {\r\n\t@include position(absolute, $headerHeight null 0 null);\r\n\r\n    overflow: hidden;\r\n\r\n    background-color: $gray;\r\n\r\n    @include fill-parent();\r\n    @include row();\r\n\r\n\t//Offcanvas menu open\r\n    &.offcanvasOpen\r\n\t{\r\n\r\n\t    aside.offcanvas\r\n\t    {\r\n\t        transform: translateX(0%) translateZ(0);\r\n\r\n\t        opacity: 1;\r\n\t    }\r\n\t    main\r\n\t    {\r\n\r\n\t\t\ttransform: translateX($offcanvasWidth);\r\n\r\n\t        @include media($mobile) {\r\n\t        \ttransform: translateX(90%) translateZ(0);\r\n\t        }\r\n\t    }\r\n\r\n\t    .menu-cover {\r\n\t    \topacity:1;\r\n\t    \tdisplay:block;\r\n\t    }\r\n\t}\r\n\r\n\t&.offcanvasOpen.offcanvasPanelOpen {\r\n\t\tmain\r\n\t    {\r\n\t        transform: translateX(100%) translateZ(0);\r\n\t    }\r\n\t}\r\n\r\n\r\n\t.menu-cover {\r\n\t\t@include absoluteFull();\r\n\t\tz-index:9999999;\r\n\t\topacity:0;\r\n\t\tdisplay:none;\r\n\t\tcursor:pointer;\r\n\t}\r\n\r\n\r\n}//END .offcanvasOpen\r\n````\r\n\r\nHere is the CSS that my compass SASS preprocessor produces\r\n````\r\n/* line 2656, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen aside.offcanvas {\r\n  -webkit-transform: translateX(0%) translateZ(0);\r\n          transform: translateX(0%) translateZ(0);\r\n  opacity: 1;\r\n}\r\n/* line 2662, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen main {\r\n  -webkit-transform: translateX(340px);\r\n          transform: translateX(340px);\r\n}\r\n@media screen and (max-width: 480px) {\r\n  /* line 2662, ../../app/styles/main.scss */\r\n  .layout.offcanvasOpen main {\r\n    -webkit-transform: translateX(90%) translateZ(0);\r\n            transform: translateX(90%) translateZ(0);\r\n  }\r\n}\r\n/* line 2672, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen .menu-cover {\r\n  opacity: 1;\r\n  display: block;\r\n}\r\n/* line 2679, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen.offcanvasPanelOpen main {\r\n  -webkit-transform: translateX(100%) translateZ(0);\r\n          transform: translateX(100%) translateZ(0);\r\n}\r\n````\r\n\r\nHere is what I see in browsers css styles inspector before minification.. Looks great!\r\n\r\n![screen shot 2015-09-14 at 6 33 08 pm](https://cloud.githubusercontent.com/assets/1218940/9865759/3f2e52e4-5b0f-11e5-8ea0-8ea385c99855.png)\r\n\r\nWhen I do a build for my staging environment using grunt, thus running cssmin, I notice that -webkit is stripped from all my css:\r\n````\r\n  grunt.registerTask('build-staging', [\r\n    'clean:staging',\r\n    'ngconstant:staging',\r\n    'useminPrepareStaging',\r\n    'concurrent:staging',\r\n    'autoprefixer:staging',\r\n    'concat:generated',\r\n    'ngtemplates:staging',\r\n    'ngAnnotate:staging',\r\n    'copy:staging',\r\n    'cdnify:staging',\r\n    'cssmin:generated',\r\n    'uglify:generated',\r\n    'filerev:staging',\r\n    'useminStaging',\r\n    'htmlmin:staging'\r\n  ]);\r\n````\r\n\r\nhere's what I see in the browser's css styles inspector after minification...\r\n\r\n![screen shot 2015-09-14 at 6 33 25 pm](https://cloud.githubusercontent.com/assets/1218940/9865766/6f7d4ac2-5b0f-11e5-9da8-85e99f92dc73.png)\r\n\r\nHow do I resolve this?\r\n\r\nthanks!\r\n"},"comment":{"url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/comments/141350370","html_url":"https://github.com/jakubpawlowicz/clean-css/issues/670#issuecomment-141350370","issue_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670","id":141350370,"user":{"login":"jakubpawlowicz","id":24273,"avatar_url":"https://avatars.githubusercontent.com/u/24273?v=3","gravatar_id":"","url":"https://api.github.com/users/jakubpawlowicz","html_url":"https://github.com/jakubpawlowicz","followers_url":"https://api.github.com/users/jakubpawlowicz/followers","following_url":"https://api.github.com/users/jakubpawlowicz/following{/other_user}","gists_url":"https://api.github.com/users/jakubpawlowicz/gists{/gist_id}","starred_url":"https://api.github.com/users/jakubpawlowicz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jakubpawlowicz/subscriptions","organizations_url":"https://api.github.com/users/jakubpawlowicz/orgs","repos_url":"https://api.github.com/users/jakubpawlowicz/repos","events_url":"https://api.github.com/users/jakubpawlowicz/events{/privacy}","received_events_url":"https://api.github.com/users/jakubpawlowicz/received_events","type":"User","site_admin":false},"created_at":"2015-09-18T05:34:47Z","updated_at":"2015-09-18T05:34:47Z","body":"So reopening it. Could you please share a bigger excerpt from your CSS file in the first place and make sure you run the latest clean-css with `npm ls clean-css`?"}}