Contents

.side-image {
  align-items: flex-start;
  display: flex;
  max-width: 100%;

  @media screen and (max-width: $mobile) {
    align-items: center;
    flex-direction: column;
  }

  &__image {
    height: 233px;

    @media screen and (max-height: $max-height) {
      height: 150px;
    }
  }

  _:-ms-input-placeholder, :root &__image {
    float: left;
    display: inline-block;
  }

  &__content {
    margin-left: -50px;
    max-width: calc(100% - 200px);

    @media screen and (max-width: $tablet) {
      max-width: 100%;
    }

    @media screen and (max-width: $mobile) {
      margin: 0;
    }
  }

  _:-ms-input-placeholder, :root &__content {
    float: right;
    display: inline-block;
    min-width: 500px;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
veloe-landing-page-theme-0.1.0	_sass/components/side-image.scss