You are here

Home » API reference » Blazy 8.2

blazy.filter.css in Blazy 8.2

Same filename and directory in other branches
  1. 7 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.   position: relative;

  19. }

  20. 

  21. .grid .media-wrapper--blazy {

  22.   width: 100%;

  23. }

  24. 

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

  26. .caption .media-wrapper--blazy,

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

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

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

  30.   min-width: 320px;

  31. }

  32. 

  33. .blazy--filter .media-wrapper--blazy {

  34.   min-width: 0;

  35.   overflow: hidden;

  36. }

  37. 

  38. .media-wrapper--blazy.align-center img {

  39.   display: block;

  40.   margin-right: auto;

  41.   margin-left: auto;

  42. }