/*============================================================ David Coulter Screen LESS Notes: ================ In This CSS: ================ +Mixins +General ============================================================ /* --------------------------------------------- +Mixins --------------------------------------------- */ .margin-width { margin: 0 auto; width: 870px } .text-color { color: #252525; } ::selection, ::-moz-selection { background-color: hsl(179,100%,81%); } /* --------------------------------------------- +General --------------------------------------------- */ body { background: #f9f8f8; font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-size: 62.5%; margin: 0; padding: 0; .text-color; .container { margin: 0 auto; width: 100%; } } header { background-color: hsl(179,100%,81%); padding: 40px 0 10px; h1 { font-size: 4.8em; font-weight: 500; .margin-width; } h2 { font-size: 2em; margin-top: 0; .margin-width; } } h1, h4 { font-size: 3em; font-weight: 600; margin: .5em 0; } ul { margin-top: -8px; } li { font-size: 3em; font-style: italic; line-height: 1.1em; a { color: hsl(179,76%,48%); text-decoration: none; } } article { padding: 10px 0 50px; } section { .margin-width; margin-top: 1.75em; h4 { font-style: italic; font-weight: 300; margin: 1.5em 0 0; } blockquote { h3 { font-size: 3em; margin-top: .5em; span { display: block; font-size: .55em; font-weight: 600; line-height: 1em; margin: 4px 0 5px; } } p { font-size: 1.6em; font-style: italic; line-height: 1.3em; } } &.copyright { li { font-size: 1.8em; line-height: 1.2em; } } } footer { background: #000; padding-top: 25px; h1 { color: #fff; } .wrap { .margin-width; background: url(/i/twitter.png) no-repeat top right; padding: 2px 0 50px; } }