@container-width-md: 720px;
@container-width-lg: 960px;
@container-width-xl: 1185px;
@half-gutter-width: 16px / 2;

.stretch {
  //.image-block; COMES BACK AS SOON AS WE HAVE A BETTER SELECTOR TO OVERWRITE CKEDITOR'S INLINE-STYLES

  img {
    width: 100%;
    height: auto;
    display: block;
  }

  .gt-md({
    position: relative;
  });
  
  &.stretch-left {
    .gt-md({
      float: right;
    });
  }
  
  &.stretch-right {
    .gt-md({
      float: left;
    });
  }

  .md({
    width: ~"calc( ((100vw - @{container-width-md}) / 2) + 100% + @{half-gutter-width} )";
  });

  .lg({
    width: ~"calc( ((100vw - @{container-width-lg}) / 2) + 100% + @{half-gutter-width} )";
  });

  .gt-xl({
    width: ~"calc( ((100vw - @{container-width-xl}) / 2) + 100% + @{half-gutter-width} )";
  });
}