Create Bootstrap Form Components

dwyl / tachyons-bootstrap

👢Bootstrap recreated using tachyons functional css

http://tachyons-bootstrap.dwyl.com

48 stars 4 forks source link

Create Bootstrap Form Components #16

Closed Cleop closed 7 years ago

Cleop commented 7 years ago

As a user I want to have access to the same components as bootstrap so that I can replicate it with the extra opportunities provided by functional css.

See http://getbootstrap.com/css/#forms

[x] Basic example
[x] Inline form
[x] Horizontal form
[x] Supported control
[x] Static control
[x] Focus state
[x] Disabled state
[x] Readonly state
[x] Help text
[x] Validation states
[x] Control sizing

Cleop commented 7 years ago

Tachyons does not yet have the cursor: not allowed css functionality to make the cursor do this on hover:

A cursor commands repo by @mrmrs does exist however as this issue indicates: https://github.com/mrmrs/css-cursors/issues/1#issuecomment-231754507, it is not part of the central tachyons collection and is not intended to be added to it.

katbow commented 7 years ago

Another note on this: Because there is no cursor like this, the disabled input and readonly input look very similar.

Additionally, the glyphicons for the options icons in Validation state are made by using the Glyphicons Halflings font-family and setting the content to whatever character is to be used. See #37

katbow commented 7 years ago

merged in #34

iteles commented 7 years ago

@katbow Might need to go into please-test by your PO I reckon? :wink: Same with the others...!

katbow commented 7 years ago

Oh oops, sorry about that. Will reopen & assign to you.

katbow commented 7 years ago

P.S. here's the link. going in the next PR into the readme 👍 https://dwyl-tachyons-bootstrap.herokuapp.com/

iteles commented 7 years ago

These were great and super useful when building a small site