You are here

Home » API reference » GridStack 8.2

gridstack.skin.css in GridStack 8.2

Same filename and directory in other branches
  1. 8 css/gridstack.skin.css

Provides basic skins to avoid broken display OOTB for js-driven layouts.

At most cases, might need to re-touch this file.

File

css/gridstack.skin.css
View source 
  1. /**

  2.  * @file

  3.  * Provides basic skins to avoid broken display OOTB for js-driven layouts.

  4.  *

  5.  * At most cases, might need to re-touch this file.

  6.  */

  7. 

  8. /** Prevents hover-event blocking for lightbox trigger below caption. */

  9. .gridstack .box__caption,

  10. .gridstack .blazy__caption {

  11.   padding: 15px;

  12.   pointer-events: none;

  13.   z-index: 2;

  14. }

  15. 

  16. .gridstack .box__caption a,

  17. .gridstack .blazy__caption a,

  18. .gridstack .box__caption input {

  19.   pointer-events: auto;

  20. }

  21. 

  22. .box.box--caption--bottom .box__caption {

  23.   bottom: 0;

  24.   top: auto;

  25. }

  26. 

  27. .box.box--caption--top .box__caption {

  28.   top: 0;

  29. }

  30. 

  31. .box.box--caption--center .box__caption {

  32.   top: 50%;

  33.   -ms-transform: translateY(-50%);

  34.   -webkit-transform: translateY(-50%);

  35.   transform: translateY(-50%);

  36. }

  37. 

  38. /* @todo remove media--loading for is-b-loading. */

  39. .gridstack .media--loading .box__caption,

  40. .gridstack .is-b-loading .box__caption {

  41.   transition: opacity 500ms ease-in-out;

  42. }