TabView styling and css inheritance

Problem: There are no separate elements for the tab content and the tab strip item. The TabViewItem element wraps both. This breaks css inheritance - the css is applied to both content and tab strip, but you can't override the css separately.

There are also some discrepancies between properties and between platforms:

• font-size and text-transform have native implementations on TabViewItem, color doesn't. There is however tab-text-color which applies color to all tab strip items.
• text-transform is for some reason not an inherited property
• font-size is hard coded for iOS TabViewItems to 10.

Proposed solution:
As a rule I think inherited css properties shouldn't have implementations on elements that are not separately represented in the mark up.

• Make text-transform inherited as per CSS spec.
• Remove font-size and text-transform from TabViewItem.
• Introduce new properties in their place on both TabView and TabViewItem tab-text-font-size and tab-text-transform.
• Optionally introduce more font properties, e.g. tab-text-font, tab-text-font-style, tab-text-font-family.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

首先定位 TabView 和 TabViewItem 的實作及其平台特定的樣式程式碼。比較 iOS 和 Android 上目前的繼承機制與原生屬性行為，然後檢查現有的 tab-text-color 是如何公開的。完成的標準是：繼承的 text-transform 按照 CSS 的規定運作，獨立的分頁文字屬性涵蓋所提議的字型大小和轉換行為，並且平台差異得到解決。