// Shorthand margin and padding utility classes from Bootstrap v4-dev
//
// <p class="m-b-0">I am a paragraph that needs no bottom margin</p>
// The classes are named using the format: {property}-{sides}-{size}
// TODO: Remove once we upgrade to Bootstrap 4
//
// Copyright (c) 2011-2016 Twitter, Inc.

// Variables

@spacer-x: 20px;
@spacer-y: 20px;

// Margin

.m-b-0 {
  margin-bottom: 0 !important;
}
.m-t-1 {
  margin-top: @spacer-y !important;
}
.m-b-1 {
  margin-bottom: @spacer-y !important;
}
.m-b-2 {
  margin-bottom: (@spacer-y * 1.5) !important;
}

// Padding

.p-a-0 {
  padding: 0 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-a-1 {
  padding: @spacer-y @spacer-x !important;
}
.p-t-1 {
  padding-top: @spacer-y !important;
}
.p-b-1 {
  padding-bottom: @spacer-y !important;
}
.p-t-2 {
  padding-top: (@spacer-y * 1.5) !important;
}
.p-y-2 {
  padding-top: (@spacer-y * 1.5) !important;
  padding-bottom: (@spacer-y * 1.5) !important;
}

// Clear

.c-b {
  clear: both;
}
.c-l {
  clear: left;
}
.c-r {
  clear: right;
}