# With kibana 6.1.3: Why does auto prefixer removes 'webkit-box' related css when compiled

**URL:** <https://discuss.elastic.co/t/with-kibana-6-1-3-why-does-auto-prefixer-removes-webkit-box-related-css-when-compiled/128725>\
**Category:** Kibana\
**Created:** [April 19, 2018, 2:21pm UTC](https://discuss.elastic.co/t/with-kibana-6-1-3-why-does-auto-prefixer-removes-webkit-box-related-css-when-compiled/128725 "2018-04-19T14:21:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ranjansaga](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ranjansaga/32/23325_2.png) [@ranjansaga](https://discuss.elastic.co/u/ranjansaga)\
**Post date:** [April 19, 2018, 2:21pm UTC](https://discuss.elastic.co/t/with-kibana-6-1-3-why-does-auto-prefixer-removes-webkit-box-related-css-when-compiled/128725/1 "2018-04-19T14:21:10Z")

</div>

I was making few modifications to the scss variables in  
here : ui\_framework/src/global\_styling/variables/\_colors.scss

After making this change i compiled the scss using the command : ./node\_modules/grunt/bin/grunt uiFramework:compileCss

Why is it that 'webkit-box' related css is being removed even after setting browsers to 'Last 8 versions' in ui\_framework/doc\_site/postcss.config.js

Below is the diff of the file : ui\_framework/dist/ui\_framework.css

.kuiActionItem {

- display: -webkit-box;  
display: -webkit-flex;  
display: -ms-flexbox;  
display: flex;
- -webkit-box-align: center;  
-webkit-align-items: center;  
-ms-flex-align: center;  
align-items: center;
- -webkit-box-pack: justify;  
-webkit-justify-content: space-between;  
-ms-flex-pack: justify;  
justify-content: space-between; }  
@@ -118,15 +115,12 @@ input[type="button"] {  
background-color: rgba(0, 0, 0, 0.1); }

.kuiBar {

- display: -webkit-box;  
display: -webkit-flex;  
display: -ms-flexbox;  
display: flex;
- -webkit-box-align: center;  
-webkit-align-items: center;  
-ms-flex-align: center;  
align-items: center;
- -webkit-box-pack: justify;  
-webkit-justify-content: space-between;  
-ms-flex-pack: justify;  
justify-content: space-between;  
@@ -134,22 +128,18 @@ input[type="button"] {  
/\* 1 \*/ }

.kuiBarSection {

- display: -webkit-box;  
display: -webkit-flex;  
display: -ms-flexbox;  
display: flex;
- -webkit-box-align: center;  
-webkit-align-items: center;  
-ms-flex-align: center;  
align-items: center;
- -webkit-box-flex: 1;  
-webkit-flex: 1 1 auto;  
-ms-flex: 1 1 auto;  
flex: 1 1 auto;  
margin-left: 25px;  
margin-right: 25px; }  
.kuiBarSection:not(:first-child):not(:last-child):not(:only-child) {
- -webkit-box-pack: center;  
-webkit-justify-content: center;  
-ms-flex-pack: center;  
justify-content: center;  
@@ -158,12 +148,10 @@ input[type="button"] {  
margin-left: 0; }  
.kuiBarSection:last-child {  
margin-right: 0;
- -webkit-box-flex: 0;  
-webkit-flex: 0 1 auto;  
-ms-flex: 0 1 auto;  
flex: 0 1 auto;  
/\* 4 \*/
- -webkit-box-pack: end;  
-webkit-justify-content: flex-end;  
-ms-flex-pack: end;  
justify-content: flex-end;  
@@ -214,12 +202,10 @@ input[type="button"] {

```
* 1. Solves whitespace problems introduced by inline elements.
*/
```

---

<div class="post-metadata">

**Author:** ![cjcenizal](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cjcenizal/32/11216_2.png) [@cjcenizal](https://discuss.elastic.co/u/cjcenizal)\
**Post date:** [April 20, 2018, 5:14pm UTC](https://discuss.elastic.co/t/with-kibana-6-1-3-why-does-auto-prefixer-removes-webkit-box-related-css-when-compiled/128725/2 "2018-04-20T17:14:15Z")

</div>

Hi there! Hmm, to be honest I'm not sure why that's occurring. The Kibana UI Framework has been deprecated in favor of the [Elastic UI Framework](http://github.com/elastic/eui), so all development on the former has ceased.

Thanks,  
CJ

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [May 18, 2018, 5:14pm UTC](https://discuss.elastic.co/t/with-kibana-6-1-3-why-does-auto-prefixer-removes-webkit-box-related-css-when-compiled/128725/3 "2018-05-18T17:14:21Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.