/*
 * Copyright 2024 LeaferStudios
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* Margin & Padding Utilities */
/* Padding Top */
.p-t-0 {
  padding-top: 0;
  /* Top padding 0 - equals to 0px */
}

.p-t-1 {
  padding-top: 0.25rem;
  /* Top padding 1 - equals to 4px */
}

.p-t-2 {
  padding-top: 0.5rem;
  /* Top padding 2 - equals to 8px */
}

.p-t-3 {
  padding-top: 1rem;
  /* Top padding 3 - equals to 16px */
}

.p-t-4 {
  padding-top: 1.5rem;
  /* Top padding 4 - equals to 24px */
}

.p-t-5 {
  padding-top: 3rem;
  /* Top padding 5 - equals to 48px */
}

/* Padding Bottom */
.p-b-0 {
  padding-bottom: 0;
  /* Bottom padding 0 - equals to 0px */
}

.p-b-1 {
  padding-bottom: 0.25rem;
  /* Bottom padding 1 - equals to 4px */
}

.p-b-2 {
  padding-bottom: 0.5rem;
  /* Bottom padding 2 - equals to 8px */
}

.p-b-3 {
  padding-bottom: 1rem;
  /* Bottom padding 3 - equals to 16px */
}

.p-b-4 {
  padding-bottom: 1.5rem;
  /* Bottom padding 4 - equals to 24px */
}

.p-b-5 {
  padding-bottom: 3rem;
  /* Bottom padding 5 - equals to 48px */
}

/* Padding Left */
.p-l-0 {
  padding-left: 0;
  /* Left padding 0 - equals to 0px */
}

.p-l-1 {
  padding-left: 0.25rem;
  /* Left padding 1 - equals to 4px */
}

.p-l-2 {
  padding-left: 0.5rem;
  /* Left padding 2 - equals to 8px */
}

.p-l-3 {
  padding-left: 1rem;
  /* Left padding 3 - equals to 16px */
}

.p-l-4 {
  padding-left: 1.5rem;
  /* Left padding 4 - equals to 24px */
}

.p-l-5 {
  padding-left: 3rem;
  /* Left padding 5 - equals to 48px */
}

/* Padding Right */
.p-r-0 {
  padding-right: 0;
  /* Right padding 0 - equals to 0px */
}

.p-r-1 {
  padding-right: 0.25rem;
  /* Right padding 1 - equals to 4px */
}

.p-r-2 {
  padding-right: 0.5rem;
  /* Right padding 2 - equals to 8px */
}

.p-r-3 {
  padding-right: 1rem;
  /* Right padding 3 - equals to 16px */
}

.p-r-4 {
  padding-right: 1.5rem;
  /* Right padding 4 - equals to 24px */
}

.p-r-5 {
  padding-right: 3rem;
  /* Right padding 5 - equals to 48px */
}

/* Margin */
[class*="m-1"] {
  margin: 0.25rem;
  /* Margin 1 - equals to 4px */
}

[class*="m-2"] {
  margin: 0.5rem;
  /* Margin 2 - equals to 8px */
}

[class*="m-3"] {
  margin: 1rem;
  /* Margin 3 - equals to 16px */
}

[class*="m-4"] {
  margin: 1.5rem;
  /* Margin 4 - equals to 24px */
}

[class*="m-5"] {
  margin: 3rem;
  /* Margin 5 - equals to 48px */
}

/* Margin Top */
.m-t-0 {
  margin-top: 0;
  /* Top margin 0 - equals to 0px */
}

.m-t-1 {
  margin-top: 0.25rem;
  /* Top margin 1 - equals to 4px */
}

.m-t-2 {
  margin-top: 0.5rem;
  /* Top margin 2 - equals to 8px */
}

.m-t-3 {
  margin-top: 1rem;
  /* Top margin 3 - equals to 16px */
}

.m-t-4 {
  margin-top: 1.5rem;
  /* Top margin 4 - equals to 24px */
}

.m-t-5 {
  margin-top: 3rem;
  /* Top margin 5 - equals to 48px */
}

/* Margin Bottom */
.m-b-0 {
  margin-bottom: 0;
  /* Bottom margin 0 - equals to 0px */
}

.m-b-1 {
  margin-bottom: 0.25rem;
  /* Bottom margin 1 - equals to 4px */
}

.m-b-2 {
  margin-bottom: 0.5rem;
  /* Bottom margin 2 - equals to 8px */
}

.m-b-3 {
  margin-bottom: 1rem;
  /* Bottom margin 3 - equals to 16px */
}

.m-b-4 {
  margin-bottom: 1.5rem;
  /* Bottom margin 4 - equals to 24px */
}

.m-b-5 {
  margin-bottom: 3rem;
  /* Bottom margin 5 - equals to 48px */
}

/* Margin Left */
.m-l-0 {
  margin-left: 0;
  /* Left margin 0 - equals to 0px */
}

.m-l-1 {
  margin-left: 0.25rem;
  /* Left margin 1 - equals to 4px */
}

.m-l-2 {
  margin-left: 0.5rem;
  /* Left margin 2 - equals to 8px */
}

.m-l-3 {
  margin-left: 1rem;
  /* Left margin 3 - equals to 16px */
}

.m-l-4 {
  margin-left: 1.5rem;
  /* Left margin 4 - equals to 24px */
}

.m-l-5 {
  margin-left: 3rem;
  /* Left margin 5 - equals to 48px */
}

/* Margin Right */
.m-r-0 {
  margin-right: 0;
  /* Right margin 0 - equals to 0px */
}

.m-r-1 {
  margin-right: 0.25rem;
  /* Right margin 1 - equals to 4px */
}

.m-r-2 {
  margin-right: 0.5rem;
  /* Right margin 2 - equals to 8px */
}

.m-r-3 {
  margin-right: 1rem;
  /* Right margin 3 - equals to 16px */
}

.m-r-4 {
  margin-right: 1.5rem;
  /* Right margin 4 - equals to 24px */
}

.m-r-5 {
  margin-right: 3rem;
  /* Right margin 5 - equals to 48px */
}

/* Padding */
[class*="p-1"] {
  padding: 0.25rem;
  /* Padding 1 - equals to 4px */
}

[class*="p-2"] {
  padding: 0.5rem;
  /* Padding 2 - equals to 8px */
}

[class*="p-3"] {
  padding: 1rem;
  /* Padding 3 - equals to 16px */
}

[class*="p-4"] {
  padding: 1.5rem;
  /* Padding 4 - equals to 24px */
}

[class*="p-5"] {
  padding: 3rem;
  /* Padding 5 - equals to 48px */
}
