/* For dynamically determined columnar formatting.
   Currently supports equal-width, 1-4 column layouts.
*/

* {
  box-sizing: border-box;
}

.column {
  float: left;
  padding-right: 5px;
}

.col-1 {
  width: 100%;
}
.col-2 {
  width: 50%;
}
.col-3 {
  width: 33%;
}
.col-4 {
  width: 25%;
}

.category-description {
  margin-bottom: $spacing-unit * 1.5;
}

.category-menu {
  margin-bottom: $spacing-unit;
}

.category-link {
  font-size: $large-font-size;
  padding: 0px 10px;
}