fix(css): remove flex-basis: content

Author: AngusFu

src/components/grid/index.md

@@ -251,65 +251,3 @@ Clair 基于 FlexBox 实现了一套 12 栏栅格系统。使用 `c-box` 组件
 | md-only | String | 无 | 仅在 `md` 屏幕上生效的样式设置 |
 | lg-only | String | 无 | 仅在 `lg` 屏幕上生效的样式设置 |
 | xl-only | String | 无 | 仅在 `xl` 屏幕上生效的样式设置 |
-
-
-## Firefox 下手动指定 c-box-item 的 width 的问题
-
-如果你在 CSS 中手动设置了 `<c-box-item />` 的 `width`，请同时设置 `flex-basis: auto`。
-
-但是，强烈不建议这么使用！请反思是否可以通过 div 和 CSS Flexbox 自行实现该效果。
-
-```html
-<c-box justify="stretch" align="stretch" class="is-bg-gray-1" v-if="isFirefox">
-  <c-box-item :class="className" class="is-bg-gray-4 side-box">
-    <div>sidebar</div>
-  </c-box-item>
-  <c-box-item :class="className" class="content-box">
-    <div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Expedita odit at ipsum, harum id commodi deleniti maxime sed assumenda enim ratione libero laudantium quaerat perferendis laborum incidunt minima dolores vitae!</div>
-  </c-box-item>
-</c-box>
-
-<c-button @click="fixFF" primary v-if="isFirefox">Fix Me</c-button>
-<div v-if="!isFirefox">请使用 Firefox 浏览</div>
-
-<style>
-  .content-box, .side-box {
-    padding: 1em;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .content-box {
-    width: calc(100% - 150px);
-  }
-
-  .side-box {
-    width: 150px;
-    text-align: center;
-  }
-
-  .fix-ff {
-    flex-basis: auto;
-  }
-</style>
-
-<script>
-export default {
-  data () {
-    return {
-      isFirefox: false,
-      className: ''
-    }
-  },
-  methods: {
-    fixFF () {
-      this.className = 'fix-ff'
-    }
-  },
-  mounted () {
-    this.isFirefox = /firefox/i.test(navigator.userAgent)
-  }
-}
-</script>
-```

src/styles/grid.css

@@ -19,7 +19,6 @@
 .c-box__item {
   padding: calc(var(--grid-gap) * 0.5);
   flex: 1 1 auto;
-  flex-basis: content;
 
   &.is-narrow {
     flex-grow: 0;