@getbase/base/less/horizontal-spacers.less

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

@import "_mixins";

.padding-left-0-25rem { padding-left: 0.25rem; }
.padding-left-0-5rem { padding-left: 0.5rem; }
.padding-left-1rem { padding-left: 1rem; }
.padding-left-1-5rem { padding-left: 1.5rem; }
.padding-left-2rem { padding-left: 2rem; }
.padding-left-3rem { padding-left: 3rem; }
.padding-left-4rem { padding-left: 4rem; }
.padding-left-5rem { padding-left: 5rem; }
.padding-right-0-25rem { padding-right: 0.25rem; }
.padding-right-0-5rem { padding-right: 0.5rem; }
.padding-right-1rem { padding-right: 1rem; }
.padding-right-1-5rem { padding-right: 1.5rem; }
.padding-right-2rem { padding-right: 2rem; }
.padding-right-3rem { padding-right: 3rem; }
.padding-right-4rem { padding-right: 4rem; }
.padding-right-5rem { padding-right: 5rem; }

.breakpoint(m, {
  .padding-left-0-m { padding-left: 0; }
  .padding-left-0-25rem-m { padding-left: 0.25rem; }
  .padding-left-0-5rem-m { padding-left: 0.5rem; }
  .padding-left-1rem-m { padding-left: 1rem; }
  .padding-left-1-5rem-m { padding-left: 1.5rem; }
  .padding-left-2rem-m { padding-left: 2rem; }
  .padding-left-3rem-m { padding-left: 3rem; }
  .padding-left-4rem-m { padding-left: 4rem; }
  .padding-left-5rem-m { padding-left: 5rem; }
  .padding-right-0-m { padding-right: 0; }
  .padding-right-0-25rem-m { padding-right: 0.25rem; }
  .padding-right-0-5rem-m { padding-right: 0.5rem; }
  .padding-right-1rem-m { padding-right: 1rem; }
  .padding-right-1-5rem-m { padding-right: 1.5rem; }
  .padding-right-2rem-m { padding-right: 2rem; }
  .padding-right-3rem-m { padding-right: 3rem; }
  .padding-right-4rem-m { padding-right: 4rem; }
  .padding-right-5rem-m { padding-right: 5rem; }
});

.breakpoint(l, {
  .padding-left-0-l { padding-left: 0; }
  .padding-left-0-25rem-l { padding-left: 0.25rem; }
  .padding-left-0-5rem-l { padding-left: 0.5rem; }
  .padding-left-1rem-l { padding-left: 1rem; }
  .padding-left-1-5rem-l { padding-left: 1.5rem; }
  .padding-left-2rem-l { padding-left: 2rem; }
  .padding-left-3rem-l { padding-left: 3rem; }
  .padding-left-4rem-l { padding-left: 4rem; }
  .padding-left-5rem-l { padding-left: 5rem; }
  .padding-right-0-l { padding-right: 0; }
  .padding-right-0-25rem-l { padding-right: 0.25rem; }
  .padding-right-0-5rem-l { padding-right: 0.5rem; }
  .padding-right-1rem-l { padding-right: 1rem; }
  .padding-right-1-5rem-l { padding-right: 1.5rem; }
  .padding-right-2rem-l { padding-right: 2rem; }
  .padding-right-3rem-l { padding-right: 3rem; }
  .padding-right-4rem-l { padding-right: 4rem; }
  .padding-right-5rem-l { padding-right: 5rem; }
});

.breakpoint(xl, {
  .padding-left-0-xl { padding-left: 0; }
  .padding-left-0-25rem-xl { padding-left: 0.25rem; }
  .padding-left-0-5rem-xl { padding-left: 0.5rem; }
  .padding-left-1rem-xl { padding-left: 1rem; }
  .padding-left-1-5rem-xl { padding-left: 1.5rem; }
  .padding-left-2rem-xl { padding-left: 2rem; }
  .padding-left-3rem-xl { padding-left: 3rem; }
  .padding-left-4rem-xl { padding-left: 4rem; }
  .padding-left-5rem-xl { padding-left: 5rem; }
  .padding-right-0-xl { padding-right: 0; }
  .padding-right-0-25rem-xl { padding-right: 0.25rem; }
  .padding-right-0-5rem-xl { padding-right: 0.5rem; }
  .padding-right-1rem-xl { padding-right: 1rem; }
  .padding-right-1-5rem-xl { padding-right: 1.5rem; }
  .padding-right-2rem-xl { padding-right: 2rem; }
  .padding-right-3rem-xl { padding-right: 3rem; }
  .padding-right-4rem-xl { padding-right: 4rem; }
  .padding-right-5rem-xl { padding-right: 5rem; }
});