@import "mixins"; @import "variables"; @import "type"; @import "panels"; @import "nav"; @import "buttons"; @import "lists"; @media (min-width: 768px) { // + 18 .container { width: 750px; } } @media (min-width: 992px) { // + 22 .container { width: 970px; } } @media (min-width: 1200px) { // + 30 .container { width: 1400px; } } .no-margin { margin: 0; } .vertical-center { margin-top: 200px; } .row { &.colored { background-color: $light-purple; } } .bordered { border-left: 2px solid $gray-background; } .bg-purple { background-color: $purple; } .bg-light-purple { background-color: $light-purple; } .bg-orange { background-color: $orange-faded; } .bg-green { background-color: $green-faded; } .bg-dark-green { background-color: $green-dark; } .bg-red { background-color: $red-faded; } .bg-gray { background-color: $gray; } .bg-light-gray { background-color: $gray-background; }