// This file provide classes examples for Padding Plugin.
// We only use these classes in configuration page when install the module.
// Note: this is just example, you can use any class from your theme.
// Deprecated Classes
.bs-px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.bs-px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.bs-py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.bs-py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
// End Deprecated classes
.bs-p-1 {
  padding: 0.5rem !important;
}
.bs-p-2 {
  padding: 1rem !important;
}
.bs-p-3 {
  padding: 2rem !important;
}
.bs-p-4 {
  padding: 4rem !important;
}
.bs-p-5{
  padding: 8rem !important;
}
.bs-pt-1 {
  padding-top: 0.5rem !important;
}
.bs-pt-2 {
  padding-top: 1rem !important;
}
.bs-pt-3 {
  padding-top: 2rem !important;
}
.bs-pt-4 {
  padding-top: 4rem !important;
}
.bs-pt-5 {
  padding-top: 8rem !important;
}
.bs-pb-1 {
  padding-bottom: 0.5rem !important;
}
.bs-pb-2 {
  padding-bottom: 1rem !important;
}
.bs-pb-3 {
  padding-bottom: 2rem !important;
}
.bs-pb-4 {
  padding-bottom: 4rem !important;
}
.bs-pb-5 {
  padding-bottom: 8rem !important;
}
.bs-pl-1 {
  padding-left: 0.5rem !important; 
}
.bs-pl-2 {
  padding-left: 1rem !important;
}
.bs-pl-3 {
  padding-left: 2rem !important;
}
.bs-pl-4 {
  padding-left: 4rem !important;
}
.bs-pl-5 {
  padding-left: 8rem !important;
}
.bs-pr-1 {
  padding-right: 0.5rem !important;
}
.bs-pr-2 {
  padding-right: 1rem !important;
}
.bs-pr-3 {
  padding-right: 2rem !important;
}
.bs-pr-4 {
  padding-right: 4rem !important;
}
.bs-pr-5 {
  padding-right: 8rem !important;
}
