winjs / winstrap

The official Bootstrap theme for Microsoft's Modern design language

Home Page:http://winstrap.azurewebsites.net

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Border-Width differs from WinJS

RandomJoe opened this issue · comments

Hello,

I noticed that the border-width for all components have been set to 1px to satisfy the "Basel" guidelines. The only official Guidlines I've found for MDL are always using a border greater then 1 for textbox and other fields giving them a "solid" look. WinJS itself is using a bigger border, that means the look of projects made with WinJS differ from projects made with Winstrap. What's the reason for that inconsistency?

What is this Basel style guide?
Where can I find it?

Totally agree with that. Currently the look of textbox control with winstrap and with win-textbox is different. WinJS would be much easier to use if the look is consistent no matter if we use adapters or not.

Winstrap and WinJS are both following the Windows design language styles optimized to help designs scale across a wide range of devices. Winstrap has some differences in things like the type ramp and controls styles in order to optimize for Web. If you are building an app, we recommend the WinJS styles. If you are building a Web site we recommend Winstrap.The style guide is yet to be published in a public forum.