@superflycss/utilities-layout/dimension/before/sm-before.css

Layout utilities

@import "@superflycss/variables-dimension";
@media (--sm-viewport) {
    .u-sm-beforeNone {
      margin-left: 0 !important;
    }
  
    .u-sm-before1of12 {
      margin-left: calc(100% * 1 / 12) !important;
    }
  
    .u-sm-before1of10 {
      margin-left: 10% !important;
    }
  
    .u-sm-before1of8 {
      margin-left: 12.5% !important;
    }
  
    .u-sm-before1of6,
    .u-sm-before2of12 {
      margin-left: calc(100% * 1 / 6) !important;
    }
  
    .u-sm-before1of5,
    .u-sm-before2of10 {
      margin-left: 20% !important;
    }
  
    .u-sm-before1of4,
    .u-sm-before2of8,
    .u-sm-before3of12 {
      margin-left: 25% !important;
    }
  
    .u-sm-before3of10 {
      margin-left: 30% !important;
    }
  
    .u-sm-before1of3,
    .u-sm-before2of6,
    .u-sm-before4of12 {
      margin-left: calc(100% * 1 / 3) !important;
    }
  
    .u-sm-before3of8 {
      margin-left: 37.5% !important;
    }
  
    .u-sm-before2of5,
    .u-sm-before4of10 {
      margin-left: 40% !important;
    }
  
    .u-sm-before5of12 {
      margin-left: calc(100% * 5 / 12) !important;
    }
  
    .u-sm-before1of2,
    .u-sm-before2of4,
    .u-sm-before3of6,
    .u-sm-before4of8,
    .u-sm-before5of10,
    .u-sm-before6of12 {
      margin-left: 50% !important;
    }
  
    .u-sm-before7of12 {
      margin-left: calc(100% * 7 / 12) !important;
    }
  
    .u-sm-before3of5,
    .u-sm-before6of10 {
      margin-left: 60% !important;
    }
  
    .u-sm-before5of8 {
      margin-left: 62.5% !important;
    }
  
    .u-sm-before2of3,
    .u-sm-before4of6,
    .u-sm-before8of12 {
      margin-left: calc(100% * 2 / 3) !important;
    }
  
    .u-sm-before7of10 {
      margin-left: 70% !important;
    }
  
    .u-sm-before3of4,
    .u-sm-before6of8,
    .u-sm-before9of12 {
      margin-left: 75% !important;
    }
  
    .u-sm-before4of5,
    .u-sm-before8of10 {
      margin-left: 80% !important;
    }
  
    .u-sm-before5of6,
    .u-sm-before10of12 {
      margin-left: calc(100% * 5 / 6) !important;
    }
  
    .u-sm-before7of8 {
      margin-left: 87.5% !important;
    }
  
    .u-sm-before9of10 {
      margin-left: 90% !important;
    }
  
    .u-sm-before11of12 {
      margin-left: calc(100% * 11 / 12) !important;
    }
    .u-sm-beforeNone {
        margin-left: 0 !important;
    }
  }