bug fixes and upgrade to sass 3.2

1 files changed, 166 insertions, 173 deletions

diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass
index 1ff5386..708a394 100644
--- a/media/sass/_globals.sass
+++ b/media/sass/_globals.sass
@@ -1,220 +1,213 @@
 //basic stuff
 
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
 
-
-*:focus   
-    outline= !luxagraf_orange dotted thin
+*:focus
+  outline: $luxagraf_orange dotted thin
 
 html
-    height: 100%
+  height: 100%
+
 body
-    background= #fff
-    font-family= "Hoefler Text", "Georgia", "Times New Roman", "Times", "serif"
-    /* font-size 15px */
-    font-size= 62.5% 
-    /* line height of 24 px */
-    line-height= 23px 
-    color= !luxagraf_brown 
-    position: relative
-    min-height: 100%
-    width= !full
-    height: 100% 
-    text-align= "center" 
-    margin: 0 auto
-
-p 
-    margin: 0.8em 0 0 0
+  background: white
+  font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
+  /* font-size 15px
+  font-size: 62.5%
+  /* line height of 24 px
+  line-height: 23px
+  color: $luxagraf_brown
+  position: relative
+  min-height: 100%
+  width: $full
+  height: 100%
+  text-align: center
+  margin: 0 auto
+
+
+p
+  margin: 0.8em 0 0 0
 
 a
-    text-decoration= "none"
-    color= !luxagraf_brown
-
-    &:visited 
-        color= !luxagraf_brown
-        text-decoration= "none"
-    &:hover
-        color= !luxagraf_orange
-        text-decoration= "none"
-
+  text-decoration: none
+  color: $luxagraf_brown
+  &:visited
+    color: $luxagraf_brown
+    text-decoration: none
+  &:hover
+    color: $luxagraf_orange
+    text-decoration: none
 
 // structure ------------------------------
-    
+
 header
-    border-bottom= !luxagraf_brown 2px "solid"
-    height= 160px
-    margin-bottom: 40px
-    +small-serif
-    nav 
-        text-transform= uppercase
-        float= left
-        margin-top= 113px
-        margin-left= !col
-    li
-        display= "inline"
-        font-size= 12px
-        margin-left= 4px
-        letter-spacing: 1px
-        a:hover
-            color= !luxagraf_orange
-            
+  border-bottom: $luxagraf_brown 2px solid
+  height: 160px
+  margin-bottom: 40px
+  +small-serif
+  nav
+    text-transform: uppercase
+    float: left
+    margin-top: 113px
+    margin-left: $col
+  li
+    display: inline
+    font-size: 12px
+    margin-left: 4px
+    letter-spacing: 1px
+    a:hover
+      color: $luxagraf_orange
+
 //logo link
 #logo
-    background= url("../img/logo.png") no-repeat left bottom
-    height= 158px
-    width= !col7
-    float = left
-    text-indent= -1000px
+  background: url("../img/logo.png") no-repeat left bottom
+  height: 158px
+  width: $col7
+  float: left
+  text-indent: -1000px
 
 header h2
-    float= left
-    text-indent= -1000px
-    display: none
-    
+  float: left
+  text-indent: -1000px
+  display: none
 
 footer
-    +sm-sans
-    background= !luxagraf_brown
-    height: 36px
-    color: #888
-    font-size= 1.2em
-    margin= 80px auto 0
-    li
-        float: left
-        text-transform: uppercase
-        line-height: 36px
-        margin-left= 8px
-    a
-        color: #888 !important
-        &:hover
-            color = !luxagraf_orange !important
-    nav
-        float= right
-        margin-right: 8px
-    p 
-        float= left
-        padding-left= 8px
-        line-height: 36px
-        margin: 0
-
-article ul 
-    font-size= 1.5em 
+  +sm-sans
+  background: $luxagraf_brown
+  height: 36px
+  color: #888888
+  font-size: 1.2em
+  margin: 80px auto 0
+  li
+    float: left
+    text-transform: uppercase
+    line-height: 36px
+    margin-left: 8px
+  a
+    color: #888888 !important
+    &:hover
+      color: $luxagraf_orange !important
+  nav
+    float: right
+    margin-right: 8px
+  p
+    float: left
+    padding-left: 8px
+    line-height: 36px
+    margin: 0
 
+article ul
+  font-size: 1.5em
 
 #breadcrumbs
-    font-weight= normal
-    +tiny-serif
-    font-size: 110%
-    li
-        display= "inline"
-
-
+  font-weight: normal
+  +tiny-serif
+  font-size: 110%
+  li
+    display: inline
 
 // global classes ------------------------------
 
-
-
 .hide
-    display= "none"
+  display: none
 
 .postpic, .postpicright
-    display: block
-    margin: .3em .6em
-    border= !luxagraf_brown 10px "solid"
-    clear: both
-  
+  display: block
+  margin: 0.3em 0.6em
+  border: $luxagraf_brown 10px solid
+  clear: both
+
 .postpic
-    float: left
-    margin-left: 0
-    margin-top: .3em
-  
+  float: left
+  margin-left: 0
+  margin-top: 0.3em
+
 .postpicright
-    float: right
-    margin-right: 0
-  
+  float: right
+  margin-right: 0
+
 .postpicleft
-    float: left
-    margin: 5px
-  
+  float: left
+  margin: 5px
+
 .picfull
-    border= !luxagraf_brown 10px "solid"
-    margin-top: 20px
-        
+  border: $luxagraf_brown 10px solid
+  margin-top: 20px
+
 .post-image
-    margin: 0 10px 0 0
-    float: left
-    border= !luxagraf_brown 10px "solid" !important
-.picwide
-    clear= "both"
-    margin= 30px 0 30px -200px
-    border= !luxagraf_brown 10px "solid"
+  margin: 0 10px 0 0
+  float: left
+  border: $luxagraf_brown 10px solid !important
 
+.picwide
+  clear: both
+  margin: 30px 0 30px -200px
+  border: $luxagraf_brown 10px solid
 
 .pull-quote
-    font-size= 14px !important
-    font-style= "italic" !important
-    
-sup 
-    +sm-sans
-    font-size: .7em
+  font-size: 14px !important
+  font-style: italic !important
+
+sup
+  +sm-sans
+  font-size: 0.7em
+  line-height: 0
+  padding: 3px 0 3px 3px
+  a
     line-height: 0
-    padding: 3px 0 3px 3px
-    a
-        line-height: 0
+
 .numeral
-    font-family= Helvetica,Verdana,sans-serif
-    font-size: 22px
-    font-weight: bold
-    display: block
-    margin-top: 60px
-    margin-bottom: 0
-.nfirst
-    margin-top: 0px !important
+  font-family: Helvetica, Verdana, sans-serif
+  font-size: 22px
+  font-weight: bold
+  display: block
+  margin-top: 60px
+  margin-bottom: 0
 
+.nfirst
+  margin-top: 0px !important
 
 .figure
-    position: relative
-    margin: 0
-    .legend
-        display: block
-        +transparent_class_light
-        position: absolute
-        bottom: 9px
-        left: 0
-        font-size= 13px
-        padding: 8px 0 8px 8px
-        width: auto
-        background= !luxagraf_brown
-        color: #999
-.button
+  position: relative
+  margin: 0
+  .legend
     display: block
-    +sm-sans
-    margin: 10px 10px 0 0
+    +transparent_class_light
+    position: absolute
+    bottom: 9px
+    left: 0
+    font-size: 13px
+    padding: 8px 0 8px 8px
     width: auto
-    +sm-sans
-    font-size: 10px
-    a
-        padding: 9px 14px 7px 14px
-        font-weight: bold
-        line-height: 25px
-        text-transform: uppercase
-        background= #d7d7d7
-        color: #666
-        -moz-border-radius: 25px
-        -webkit-border-radius: 25px
-        border-radius: 25px
-    a:hover
-        background= !luxagraf_orange
-        color: #fff
+    background: $luxagraf_brown
+    color: #999999
 
-// shit to hide ------------------------------
+.button
+  display: block
+  +sm-sans
+  margin: 10px 10px 0 0
+  width: auto
+  +sm-sans
+  font-size: 10px
+  a
+    padding: 9px 14px 7px 14px
+    font-weight: bold
+    line-height: 25px
+    text-transform: uppercase
+    background: #d7d7d7
+    color: #666666
+    -moz-border-radius: 25px
+    -webkit-border-radius: 25px
+    border-radius: 25px
+  a:hover
+    background: $luxagraf_orange
+    color: white
 
+// shit to hide ------------------------------
 
 .hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
-    display: "none"
-
+  display: "none"
 
 div[dir='ltr'] span
-    width: 0
-    visibility: collapse
+  width: 0
+  visibility: collapse