CSS Utility classes

gistfile1.txt

$bg-light: #f6f6f6;
$border-light: #ddd;
$text-light: #888;
$text-color: #666666;

// Containers

.container-xs {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.container-sm {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.container-md {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.container-lg {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

// Colors

.primary {
  color: $brand-primary;
}

.bg-light {
  background-color: $bg-light;
}

// Borders

.border {
  border: 1px solid #ddd;
}

.border-top {
  border-top: 1px solid #ddd;
}

.border-right {
  border-right: 1px solid #ddd;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.border-left {
  border-left: 1px solid #ddd;
}

.border-primary {
  border-color: $brand-primary;
}

.line {
  background-color: $border-light;
  height: 2px;
  width: 40px;
}