Helpful Utility Classes

There are a few settings not inside GenerateBlocks that I find myself needing often. In order to be able to access these things quickly, I have a few utility classes that I install on every site.

/* Max Widths */

.max-width-1024 {
  max-width: 1024px;
}


.max-width-768 {
  max-width: 768px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-480 {
  max-width: 480px;
}

/* Margin Auto */

.margin-auto{
  margin-left: auto;
  margin-right: auto;
}

/* Position Properties */

.relative{
  position: relative;
}

.absolute{
  position: absolute;
  top: 0px;
  left: 0px;
}

.sticky{
  position: sticky;
  top: 24px;
}