File "gyan-position.css"

Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/gyan-position.css
File size: 3.85 KB
MIME-type: text/plain
Charset: utf-8

.gyan-position-top {
  top: 0;
  left: 0;
  right: 0;
}

.gyan-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.gyan-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}

.gyan-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}

.gyan-position-top-left {
  top: 0;
  left: 0;
}

.gyan-position-top-right {
  top: 0;
  right: 0;
}

.gyan-position-bottom-left {
  bottom: 0;
  left: 0;
}

.gyan-position-bottom-right {
  bottom: 0;
  right: 0;
}

.gyan-position-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
}

.gyan-position-center-left {
  left: 0;
}

.gyan-position-center-right {
  right: 0;
}

.gyan-position-center-left-out {
  right: 100%;
  width: -moz-max-content;
  width: max-content;
}

.gyan-position-center-right-out {
  left: 100%;
  width: -moz-max-content;
  width: max-content;
}

.gyan-position-top-center,
.gyan-position-bottom-center {
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
}

.gyan-position-top-center {
  top: 0;
}

.gyan-position-bottom-center {
  bottom: 0;
}

.gyan-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.gyan-position-relative {
  position: relative !important;
}

.gyan-position-absolute {
  position: absolute !important;
}

.gyan-position-fixed {
  position: fixed !important;
}

.gyan-position-z-index {
  z-index: 1;
}

.gyan-position-small {
  max-width: calc(100% - (15px * 2));
  margin: 15px;
}

.gyan-position-small.gyan-position-center {
  transform: translate(-50%, -50%) translate(-15px, -15px);
}

.gyan-position-small.gyan-position-top-center,
.gyan-position-small.gyan-position-bottom-center {
  transform: translateX(-50%) translateX(-15px);
}

.gyan-position-medium {
  max-width: calc(100% - (30px * 2));
  margin: 30px;
}

.gyan-position-medium.gyan-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}

.gyan-position-medium.gyan-position-top-center,
.gyan-position-medium.gyan-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}

.gyan-position-large {
  max-width: calc(100% - (30px * 2));
  margin: 30px;
}

.gyan-position-large.gyan-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}

.gyan-position-large.gyan-position-top-center,
.gyan-position-large.gyan-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}

[class*='gyan-position-top'],
[class*='gyan-position-bottom'],
[class*='gyan-position-left'],
[class*='gyan-position-right'],
[class*='gyan-position-center'] {
  position: absolute !important;
}

[class*='gyan-position-center-left'],
[class*='gyan-position-center-right'] {
  top: 50%;
  transform: translateY(-50%);
}

.gyan-position-small[class*='gyan-position-center-left'],
.gyan-position-small[class*='gyan-position-center-right'] {
  transform: translateY(-50%) translateY(-15px);
}

.gyan-position-medium[class*='gyan-position-center-left'],
.gyan-position-medium[class*='gyan-position-center-right'] {
  transform: translateY(-50%) translateY(-30px);
}

.gyan-position-large[class*='gyan-position-center-left'],
.gyan-position-large[class*='gyan-position-center-right'] {
  transform: translateY(-50%) translateY(-30px);
}

@media (min-width:1200px) {
  .gyan-position-large {
    max-width: calc(100% - (50px * 2));
    margin: 50px;
  }

  .gyan-position-large.gyan-position-center {
    transform: translate(-50%, -50%) translate(-50px, -50px);
  }

  .gyan-position-large[class*='gyan-position-center-left'],
  .gyan-position-large[class*='gyan-position-center-right'] {
    transform: translateY(-50%) translateY(-50px);
  }

  .gyan-position-large.gyan-position-top-center,
  .gyan-position-large.gyan-position-bottom-center {
    transform: translateX(-50%) translateX(-50px);
  }
}