Position

Overview

Example incoming …

Files

https://github.com/davidbrooksio/cwf-lite/blob/master/style/utilities/position.css

• Directorystyle

  • Directoryutilities

    • position.css

Stylesheet

@layer cwf-utilities {
  @each $value in static, relative, absolute, fixed, sticky {
    .position--$(value) {
      position: $(value) !important;
    }

    @media (min-width: 320px) {
      .position--xs-$(value) {
        position: $(value) !important;
      }
    }

    @media (min-width: 576px) {
      .position--sm-$(value) {
        position: $(value) !important;
      }
    }

    @media (min-width: 768px) {
      .position--md-$(value) {
        position: $(value) !important;
      }
    }

    @media (min-width: 1024px) {
      .position--rg-$(value) {
        position: $(value) !important;
      }
    }

    @media (min-width: 1216px) {
      .position--lg-$(value) {
        position: $(value) !important;
      }
    }

    @media (min-width: 1408px) {
      .position--xl-$(value) {
        position: $(value) !important;
      }
    }
  }
}