mirror of
https://github.com/mdgriffith/elm-ui.git
synced 2024-09-11 17:16:02 +03:00
resolves #62 - set a max width/height 100% on images with object-fit: cover. This should make it so that with height fill
or width: fill
set, images respond appropriately. If both are set, then the image should maintain it's aspect ratio and crop to fit.
This commit is contained in:
parent
b195afb831
commit
fe2b14b87e
@ -961,6 +961,11 @@ baseSheet =
|
||||
]
|
||||
, Class (dot classes.any ++ dot classes.single ++ dot classes.imageContainer)
|
||||
[ Prop "display" "block"
|
||||
, Child "img"
|
||||
[ Prop "max-height" "100%"
|
||||
, Prop "max-width" "100%"
|
||||
, Prop "object-fit" "cover"
|
||||
]
|
||||
]
|
||||
, Class (dot classes.any ++ ":focus")
|
||||
[ Prop "outline" "none"
|
||||
|
Loading…
Reference in New Issue
Block a user