@import "../config";

@mixin cwui-float-classes {
  @include deprecate('4.0.0', 'Use .u-float--right instead') {
    .right {
      float: right !important;
    }
  }
  
  @include deprecate('4.0.0', 'Use .u-float--left instead') {
    .left {
      float: left !important;
    }
  }
  
  .u-float--right {
    float: right !important;
  }
  
  .u-float--left {
    float: left !important;
  }
  
  .u-float--center {
    display: block;
    margin-left: auto; 
    margin-right: auto;
  }
  
  img.u-float--right,
  img.u-float--left {
    margin-bottom: rem-calc(10);
  }
  
  img.u-float--right {
    margin-left: rem-calc(10);
  }
  
  img.u-float--left {
    margin-right: rem-calc(10);
  }
}