]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commit
Fix proportions of children in input-group 8907/head
authorOndřej Vašíček <mail@ondrejvasicek.cz>
Tue, 7 Jun 2016 10:20:12 +0000 (12:20 +0200)
committerOndřej Vašíček <mail@ondrejvasicek.cz>
Tue, 7 Jun 2016 10:20:12 +0000 (12:20 +0200)
commitb7a43562e271bc7c6455efb87bd3dc246446c44f
tree9f823e987db694afb21ac672d9e2f7b53de0c031
parentc9562f55d108dc4a135cbfcdd59ccb7afb8aa4f7
Fix proportions of children in input-group

If I understand flex model correctly, there is no need to force the ‘.input-group-field‘ item to have certain width. Actually it breaks the design in some cases.

The point is, the flexbox container calculates the width of its items itself. If we set flex-grow to 1 for ‘.input-group-field‘ (which we did), the flexbox gives that item “width priority” over the rest, which is set 0 (default).
scss/forms/_input-group.scss