gridstack.skin.css in GridStack 8

File

css/gridstack.skin.css

/**
 * @file
 */

/** Prevents hover-event blocking for lightbox trigger below caption. */
.gridstack .box__caption,
.gridstack .blazy__caption {
  padding: 15px;
  pointer-events: none;
  z-index: 2;
}

.gridstack .box__caption a,
.gridstack .blazy__caption a,
.gridstack .box__caption input {
  pointer-events: auto;
}

.box.box--caption--bottom .box__caption {
  bottom: 0;
  top: auto;
}

.box.box--caption--top .box__caption {
  top: 0;
}

.box.box--caption--center .box__caption {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gridstack .media--loading .box__caption {
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}