You are here

Home » API reference » Blazy 8.2

blazy.preview.css in Blazy 8.2

Provides CKEditor preview mode overrides.

File

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

  2.  * @file

  3.  * Provides CKEditor preview mode overrides.

  4.  */

  5. 

  6. /** Disable interactive elements such as file video within CKEditor preview. */

  7. .cke_widget_element .blazy {

  8.   position: relative;

  9. }

  10. 

  11. .cke_widget_element .blazy::after {

  12.   background: transparent;

  13.   content: '';

  14.   display: block;

  15.   height: 100%;

  16.   left: 0;

  17.   position: absolute;

  18.   top: 0;

  19.   width: 100%;

  20.   z-index: 9;

  21. }

  22. 

  23. .cke_widget_element .blazy iframe {

  24.   pointer-events: none;

  25.   z-index: -2;

  26. }

  27. 

  28. /** Fixed for file video. */

  29. .cke_widget_element .blazy .media__element {

  30.   object-fit: cover;

  31.   width: 100%;

  32. }

  33. 

  34. /** Fixed for shrink media due to parent display: flex or inline-block. */

  35. .cke_widget_element .media {

  36.   min-width: 100%;

  37. }

  38. 

  39. @media screen and (min-width: 768px) {

  40.   .cke_widget_element .media {

  41.     min-width: 50%;

  42.   }

  43. 

  44.   .cke_widget_element .media--switch--media {

  45.     min-width: 640px;

  46.   }

  47. }