improve bootstrap theme

I think we’re not quite there yet:

• The inner input doesn’t have a border-radius
• Multiple selection doesn’t show the blue focus box-shadow
• Normal bootstrap inputs have an inset box shadow (box-shadow: inset 0 1px 1px rgba(0,0,0,.075);)
• Input and buttons have a fixed default height of 34px. I imagine having inputs and power-selects side-by-side, it would be strange if they don’t have the same height.
• Dropdown should have a padding-top and bottom of 5px besides the 2px margin that separates it from the trigger.
• Each dropdown item is also different. They have a height of 26px in bootstrap, it seems. Also paddings are different.
• Option group headers should use bootstrap’s dropdown headers: http://getbootstrap.com/components/#dropdowns-headers
• Caret down is different
• In multiple selection, I feel the label color for each selected option is too dark, but I didn’t find a bootstrap color for it yet.
• We should use font-family: inherit on input’s to force the browser to use the default font-family.
• I think that the selected option should have a primary color.

[jcbvm]

One other thing is the disabled state, it should show a different cursor. And another nice addition would be to set the size of the trigger, like sm and lg, corresponding to input-sm and input-lg of bootstrap.

[fran-worley]

@cibernox I’ve left this as a gist rather than a PR as it’s probably not in a format you’d want to formally release, particularly if you’re set on everything having a variable.

https://gist.github.com/fran-worley/cbca91417863b44bb34b8f1e171c01cc