Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

228 lines (174 sloc) 4.985 kb
@charset "UTF-8"
// Copyright 2011-2014, Joe Bergantine
// JoeBergantine.com
// Import Everything in _base.sass
@import "base"
@import "helpers"
// Reset Everything
+global-reset
// Vertical Rhythm
+establish-baseline(12px)
// Box Model Adjustment
// apply a natural box layout model to all elements, but allowing components to change
// http://www.paulirish.com/2012/box-sizing-border-box-ftw/
html
box-sizing: border-box
*, *:before, *:after
box-sizing: inherit
// General Global Element Declarations
body
color: $text-color
font-family: $body-font
font-size: $base-font-size * 1.3
line-height: $base-line-height * 1.3
a
color: $link-color
&:visited
color: $link-visited-color
&:hover
color: $link-hover-color
&:focus
color: $link-hover-color
&:active
color: $link-hover-color
position: relative
top: 1px
// Typographic Elements
abbr[title]
border-bottom: 0px none transparent
h1
+adjust-font-size-to(24px)
+margin-leader((1/3))
+margin-trailer((1/3))
font-weight: bold
h2
+adjust-font-size-to(18px)
+margin-leader((1/3))
+margin-trailer((1/3))
font-weight: bold
h3
+adjust-font-size-to(14px)
+margin-leader((1/3))
+margin-trailer((1/3))
font-weight: bold
h4
+caps
+margin-leader((1/3))
+margin-trailer((1/3))
color: lighten($text-color, 33.333333%)
font-weight: bold
#content
//
// Overwrite Elements Just Within the #content Element
//
// Django Newproj Sets Up #content To Wrap The "Guts" Of The Page Content:
//
// body.<body-class>#<bodyId>
// div#site-wrapper
// header#site-header
// div#content
// footer#site-footer
//
dl, ol, ul, p, table
+margin-leader((2/3))
+margin-trailer((2/3))
ol
list-style-type: decimal
ul
list-style-type: disc
// Forms
//
// Django Newproj Lays Out Each Form Field As:
//
// div.field-wrapper[.error]#wrapper-<fieldName> // "error" class optionally added if there are field errors
// label[.required] // "required" class optionally added if the field is required
// [span.required]* // "span" element optionally added if the field is requried, span wraps the asterisk
// <field label value>
// [span.error] - <field error message> // "span" element optionally added if there are field errors, span wraps the error value
//
input, textarea
border: 1px solid lighten($text-color, 80%)
color: lighten($text-color, 30%)
font-family: $body-font
font-size: $base-font-size * 1.3
padding: (1/3)em
input[type="submit"]
+background-image(linear-gradient(#bee9a7, #5caa2b))
+border-radius(5px)
+experimental(appearance, none) // safari mobile does funny things
padding: 0.5em 0.5em
&:hover
cursor: pointer
&:focus, &:active
+background-image(linear-gradient(darken(#5caa2b, 10%), darken(#bee9a7, 30%)))
label
display: block
.error
color: $error-color
.field-wrapper
+margin-trailer((1/3))
&.error
+margin-leader((1/3))
span.required
font-size: 2em
font-weight: 200
position: relative
top: 0.4em
// Tables
td, th
border: 1px solid $table-border-color
padding: 0.35em 0.5em
vertical-align: top
th
font-weight: bold
// Structural Elements
//
// Django Newproj Sets Up #site-wrapper To Wrap Everything Under the <body> Element:
// Django Newproj Sets Up #site-header To Wrap the Site <header> Element:
// Django Newproj Sets Up #site-footer To Wrap the Site <footer> Element:
//
// body.<bodyClass>#<bodyId>
// div#site-wrapper
// header#site-header
// div#content
// footer#site-footer
//
div#site-wrapper
//+susy-grid-background
+container
footer#site-footer
position: relative
nav
@media screen and (min-width: $mobile-max-width + 1px)
+hidden
header#site-header
position: relative
nav
li:not(.jump-to-nav)
@media screen and (max-width: $mobile-max-width)
+hidden
// Global Class Delcarations
// link in footer to jump back to top of page when viewing site on mobile
.back-to-top,
// link in header to jump down to nav in the footer when viewing site on mobile
.jump-to-nav
@media screen and (min-width: $mobile-max-width + 1px)
+hidden
// Template Declarations
//
// Overwrite Elements at the .<body-class> Level
//
// Django Newproj Sets Up the <body> Element to Have a Class Per Template:
//
// body.<body-class>#<body-id>
// ...
//
// Page Specific Overrides
//
// Overwrite Elements at the #<body-id> Level
//
// Django Newproj Sets Up the <body> Element to Have an ID Per Template:
//
// body.<body-class>#<bodyId>
// ...
//
Jump to Line
Something went wrong with that request. Please try again.