File "vc_single_image.less"

Full Path: /home/jlklyejr/public_html/post-date/wp-content/plugins/js_composer/assets/less/shortcodes/vc_single_image.less
File size: 3.99 KB
MIME-type: text/plain
Charset: utf-8

.vc_box_border_variants(@selector, @color) {
  .vc_box_outline.vc_box_border@{selector},
  .vc_box_outline_circle.vc_box_border@{selector} {
    border-color: @color;
  }
  .vc_box_border.vc_box_border@{selector},
  .vc_box_border_circle.vc_box_border@{selector} {
    background-color: @color;
  }
}

.wpb_single_image {
  a {
    border: none;
    outline: none;
  }
  img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    &.vc_img-placeholder {
      width: 100%;
    }
  }
  .vc_single_image-wrapper {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    &.vc_box_ {
      &rounded, &rounded img {
        border-radius: 4px;
        .box-shadow(none);
      }
      &outline,
      &outline_circle {
        border-radius: 0;
        .box-shadow(none);
        padding: 6px;
        border: 1px solid @grey;
        img {
          border-radius: 0;
          .box-shadow(none);
          border: 1px solid @grey;
        }
      }
      &border,
      &border_circle {
        border-radius: 0;
        .box-shadow(none);
        padding: 6px;
        border: none;
        img {
          border-radius: 0;
          .box-shadow(none);
          border: none;
        }
      }
      &shadow,
      &shadow_border,
      &shadow_border_circle,
      &shadow_circle {
        border-radius: 0;
        .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1));
        img {
          border-radius: 0;
          .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1));
        }
      }
      &shadow_border,
      &shadow_border_circle {
        padding: 6px;
      }
      &shadow_3d {
        border-radius: 0;
        .box-shadow(none);
        margin-bottom: 15px;
        img {
          border-radius: 0;
          .box-shadow(none);
        }
      }
      &circle,
      &outline_circle,
      &border_circle,
      &shadow_circle,
      &shadow_border_circle {
        border-radius: 50%;
        .box-shadow(none);
        overflow: hidden;
        img {
          border-radius: 50%;
          .box-shadow(none);
          overflow: hidden;
        }
      }
      &shadow_circle, &shadow_border_circle {
        .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1));
        img {
          .box-shadow(0 0px 5px rgba(0, 0, 0, 0.1));
        }
      }
    }
  }
  &.vc_align_center {
    text-align: center;
  }
  &.vc_align_right {
    text-align: right;
  }
  &.vc_align_left {
    text-align: left;
  }

  .vc_box_shadow_3d {
    position: relative;
    z-index: 0;
    display: inline-block;
    max-width: 100%;
    &:after,
    &:before {
      content: "";
      position: absolute;
      .box-shadow(0 15px 10px rgba(0, 0, 0, 0.6));
      left: 5px;
      right: 50%;
      bottom: 8px;
      height: 30%;
      z-index: -1;
      border-radius: inherit;
      .transform-origin(0 0);
      -webkit-transform: skewY(-6deg);
      -ms-transform: skewY(-6deg);
      transform: skewY(-6deg);
    }
    &:after {
      left: 50%;
      right: 5px;
      -webkit-transform: skewY(6deg);
      -ms-transform: skewY(6deg);
      transform: skewY(6deg);
      .transform-origin(100% 0);
    }
  }

  .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
  }

  .vc_figure-caption {
    margin-top: .2em;
    font-size: .8em;
  }

  .vc_box_border_variants(_blue, @blue);
  .vc_box_border_variants(_turquoise, @turquoise);
  .vc_box_border_variants(_pink, @pink);
  .vc_box_border_variants(_violet, @violet);
  .vc_box_border_variants(_peacoc, @peacoc);
  .vc_box_border_variants(_chino, @chino);
  .vc_box_border_variants(_mulled_wine, @mulled_wine);
  .vc_box_border_variants(_vista_blue, @vista_blue);
  .vc_box_border_variants(_black, @black);
  .vc_box_border_variants(_grey, @grey);
  .vc_box_border_variants(_orange, @orange);
  .vc_box_border_variants(_sky, @sky);
  .vc_box_border_variants(_green, @green);
  .vc_box_border_variants(_juicy_pink, @juicy_pink);
  .vc_box_border_variants(_sandy_brown, @sandy_brown);
  .vc_box_border_variants(_purple, @purple);
  .vc_box_border_variants(_white, @white);
}