Permalink
Browse files

Flux Layout core responsive image bg fills

New CSS classes .img-fill (background ‘cover’) and .img-fill-contain (background ‘contain’)
  • Loading branch information...
1 parent c3d790c commit c7f1ac374cf2c759f1c5fb50e8119dcbd226edac @Jonnyauk committed Nov 23, 2016
Showing with 4 additions and 0 deletions.
  1. +4 −0 wf-content/css/wf-css-flux-layout-core.css
@@ -88,6 +88,10 @@ td,th { padding: 5px; }
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .fluid-content img { height: auto; }
img.size-full, img.size-large, img.wp-post-image, img.fluid-width { height: auto; max-width: 100%; }
+/* Background image fills */
+.img-fill { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; }
+.img-fill-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center center; }
+
/*** Third-party services ***/
/**

0 comments on commit c7f1ac3

Please sign in to comment.