@import "variables"; $primary-color: #94ff14; $brand-color: #65ba00; $secondary-color: #666; $tertiary-color: #aaa; $body-color: #F4F9F2; $background-color: white; @import "sweet.scss"; body { background-image: white url(images/waves.png) repeat-x fixed; background-image: url(/images/site.png) repeat-y center; color: #222; font: 14px/1.5 verdana, helvetica, sans-serif } body > nav { background: $primary-color; background: linear-gradient($primary-color, $brand-color); border: solid lightgrey; border-bottom: $primary-color; border-top: $brand-color; border-width: 2px 0; font-size: 16px; font-weight: bold; letter-spacing: -1px; text-shadow: 0 0 2px black; text-transform: lowercase } body > nav li { border-left: 1px solid $primary-color; border-right: 2px solid $brand-color } body > nav li:first-child { border-left: none } body > nav li:last-child { border-right: none } header { background: white; } footer { background: lightgrey url(/images/footer.png) no-repeat top, linear-gradient(top, lightgrey, #aaa); border-bottom: 3px solid gray; border-top: 1px solid gray }