You are here

Home » API reference » Blazy 7

blazy.filter.css in Blazy 7

Same filename and directory in other branches
  1. 8.2 css/components/blazy.filter.css

Provides integration with core filter module.

This file contains fixes when Blazy put inside core Align/ Caption images filter which may not suit your design needs, adjust it.

File

css/components/blazy.filter.css
View source 
  1. /**

  2.  * @file

  3.  * Provides integration with core filter module.

  4.  *

  5.  * This file contains fixes when Blazy put inside core Align/ Caption images

  6.  * filter which may not suit your design needs, adjust it.

  7.  */

  8. 

  9. .media-wrapper--blazy,

  10. .media-wrapper--blazy * {

  11.   box-sizing: border-box;

  12. }

  13. 

  14. /** Without this, media--ratio will be collapsed. Adjust accordingly. */

  15. .media-wrapper--blazy {

  16.   max-width: 100%;

  17.   min-width: 50%;

  18. }

  19. 

  20. /** Blazy is placed after filter Align/ Caption will be collapsed. Adjust it. */

  21. .caption .media-wrapper--blazy,

  22. .align-left .media-wrapper--blazy,

  23. .align-right .media-wrapper--blazy,

  24. .align-center .media-wrapper--blazy {

  25.   min-width: 320px;

  26. }

  27. 

  28. .blazy--filter .media-wrapper--blazy {

  29.   min-width: 0;

  30.   overflow: hidden;

  31. }