@getbase/base/less/position-helpers.less

A Rock Solid, Responsive CSS Framework built to work on all devices big, small and in-between.

@import "_mixins";

.relative { position: relative; }
.absolute { position: absolute; }
.static { position: static; }
.fixed { position: fixed; }
.sticky { position: sticky; }

// Tablet Helpers
.breakpoint(m, {
  .relative-m { position: relative; }
  .absolute-m { position: absolute; }
  .static-m { position: static; }
  .fixed-m { position: fixed; }
  .sticky-m { position: sticky; }  
});

// Desktop Helpers
.breakpoint(l, {
  .relative-l { position: relative; }
  .absolute-l { position: absolute; }
  .static-l { position: static; }
  .fixed-l { position: fixed; }
  .sticky-l { position: sticky; }  
});

// HD Helpers
.breakpoint(xl, {
  .relative-xl { position: relative; }
  .absolute-xl { position: absolute; }
  .static-xl { position: static; }
  .fixed-xl { position: fixed; }
  .sticky-xl { position: sticky; }  
});