bug fixes and upgrade to sass 3.2

1 files changed, 192 insertions, 210 deletions

diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass
index 31e23cd..fb66c99 100644
--- a/media/sass/_projects.sass
+++ b/media/sass/_projects.sass
@@ -1,229 +1,211 @@
-
 .top
-    margin= 36px 0 36px 0
-    clear: both
-    width= !col16
-    a
-        color= !luxagraf_orange
+  margin: 36px 0 36px 0
+  clear: both
+  width: $col16
+  a
+    color: $luxagraf_orange
+
 p.col
-    width= 360px
-    float= left
-    margin= 0 !pad*2 0 0
-    font-size: 14px
+  width: 360px
+  float: left
+  margin: 0 $pad * 2 0 0
+  font-size: 14px
+
 p.two
-    margin: 0
-    margin-left= !col
-    width: 450px
+  margin: 0
+  margin-left: $col
+  width: 450px
+
 .break
-    border-bottom: #e3e3e3 1px solid
-    width= !col16+!pad*2
-    height: 2px
-    padding-top: 36px
+  border-bottom: #e3e3e3 1px solid
+  width: $col16 + $pad * 2
+  height: 2px
+  padding-top: 36px
+  clear: both
+  margin: 0
+
+.project-tease
+  margin-top: 65px
+  li
+    margin-top: 36px
+    clear: both
+    h3
+      +sm-sans
+      font-size: 24px
+      line-height: 24px
+      margin: 0
+      width: $col7 - $pad
+      font-weight: bold
+  .tease
+    float: left
+  .img
+    float: right
+    width: $col9 + $pad
+    margin-bottom: 72px
+    img
+      border: $luxagraf_brown 10px solid
+  .lede
     clear: both
     margin: 0
-.project-tease
-    margin-top: 65px
-    li
-        margin-top: 36px
-        clear= both
-        h3
-            +sm-sans
-            font-size: 24px
-            line-height: 24px
-            margin: 0
-            width= !col7-!pad
-            font-weight: bold
-            
-    .tease
-        float: left
-    .img
-        float: right
-        width = !col9+!pad
-        margin-bottom= 72px
-        img
-            border= !luxagraf_brown 10px solid
-    .lede
-        clear: both
-        margin: 0
-        padding-top: 12px 
-        width= !col7-!pad
-        p
-            font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
-            font-size: 16px
-            line-height: 23px
-            text-align: justify
-
-    .proj
-        font-size: 64px
-        line-height: 50px
-        float: left
-        margin: 2px 2px 0 0
-        span
-            font-size: 36px
-    dt a
-        display: block
-        width= 175px
-        float: left
-
-
+    padding-top: 12px
+    width: $col7 - $pad
+    p
+      font-family: Hoefler Text, Georgia, Times New Roman, Times, serif
+      font-size: 16px
+      line-height: 23px
+      text-align: justify
+  .proj
+    font-size: 64px
+    line-height: 50px
+    float: left
+    margin: 2px 2px 0 0
+    span
+      font-size: 36px
+  dt a
+    display: block
+    width: 175px
+    float: left
 
 // National Parks detail page
 
-
 .map-container
-    width: 469px
-    height: 392px
-    position: absolute
-    right: 20px
-    bottom: 60px
-    z-index: 2000
-    margin: 0
-    padding: 0
-    background: url('../img/mapbg-dark.png') no-repeat top left
-.more-container
-    width: 405px
-    height: 260px
-    position: absolute
-    right: -30px
-    bottom: 40px
-    z-index: 2000
-    background: url('../img/parkbg.png') no-repeat top left
-        
-    dl
-        margin-top: 45px
-        margin-left: 45px
-        
-        
-        dt,dd
-            font-size: .9em
-            line-height: 25px
-            margin: 4px 0
-            font-family= Helvetica,Verdana,sans-serif
-            color: #fff
-            
-        dt
-            clear: left
-            float: left
-            width= 65px
-            //border-bottom: 1px solid #999
-            font-weight: bold
-            line-height: 25px
-            font-size: .7em
-            text-transform: uppercase
+  width: 469px
+  height: 392px
+  position: absolute
+  right: 20px
+  bottom: 60px
+  z-index: 2000
+  margin: 0
+  padding: 0
+  background: url("../img/mapbg-dark.png") no-repeat top left
 
-        dd
-            float: left
-            width= 250px
-            overflow: hidden
-            //border-bottom: 1px solid #999
-            a:hover
-                color= !luxagraf_orange
+.more-container
+  width: 405px
+  height: 260px
+  position: absolute
+  right: -30px
+  bottom: 40px
+  z-index: 2000
+  background: url("../img/parkbg.png") no-repeat top left
+  dl
+    margin-top: 45px
+    margin-left: 45px
+    dt,dd
+      font-size: 0.9em
+      line-height: 25px
+      margin: 4px 0
+      font-family: Helvetica, Verdana, sans-serif
+      color: white
+    dt
+      clear: left
+      float: left
+      width: 65px
+      //border-bottom: 1px solid #999
+      font-weight: bold
+      line-height: 25px
+      font-size: 0.7em
+      text-transform: uppercase
+    dd
+      float: left
+      width: 250px
+      overflow: hidden
+      //border-bottom: 1px solid #999
+      a:hover
+        color: $luxagraf_orange
 
 .map-wrapper
-    width: 400px
-    height: 328px
-    margin: 37px 0 0 44px
+  width: 400px
+  height: 328px
+  margin: 37px 0 0 44px
 
 #parks
+  margin-top: 36px
+  li
+    width: $col16 + $pad * 2
+    position: relative
+    display: block
     margin-top: 36px
-    li
-        width= !col16+!pad*2
-        position: relative
-        display: block
-        margin-top: 36px
-        clear: both
-        margin-bottom: 72px
-    .figure
-        img
-            border= none
-    h4
-        display= block
-        color: #888
-        padding: 10px 10px 10px 15px
-        background= !luxagraf_brown
-        +transparent_class_light
-        position: absolute
-        top: 0
-        width= !col16+!pad
-        color: #fff
-        +headline-sans
-        margin: 0
-    .legend
-        display= block
-        padding: 10px 10px 10px 15px
-        background= !luxagraf_brown
-        +transparent_class_light
-        position: absolute
-        bottom: 0
-        height: 45px
-        width= !col16+!pad*2
-        font-size: 10px
-        line-height: 16px
-        color: #fff
-
-          
-
-        h5
-            +sm-headline-sans
-            line-height: 36px
-            font-size: 18px
-            margin: 0
-            padding: 0
-            float: left
-        p
-            margin: 6px 0 10px 0
-        
-        .buttons
-            padding-top: 6px
-            float: right
-            margin-right: 20px
-            li 
-                float: left
-                clear: none
-                margin: 0px 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= #463215
-                    color: #fff
-                    -moz-border-radius: 25px
-                    -webkit-border-radius: 25px
-                    -o-border-radius: 25px
-                    border-radius: 25px
-
-                a:hover
-                    background= !luxagraf_orange
-        
-                    
-            
-        
-    .map
-        width= !col5
-        margin-top: 42px
-        height: 130px
+    clear: both
+    margin-bottom: 72px
+  .figure
+    img
+      border: none
+  h4
+    display: block
+    color: #888888
+    padding: 10px 10px 10px 15px
+    background: $luxagraf_brown
+    +transparent_class_light
+    position: absolute
+    top: 0
+    width: $col16 + $pad
+    color: white
+    +headline-sans
+    margin: 0
+  .legend
+    display: block
+    padding: 10px 10px 10px 15px
+    background: $luxagraf_brown
+    +transparent_class_light
+    position: absolute
+    bottom: 0
+    height: 45px
+    width: $col16 + $pad * 2
+    font-size: 10px
+    line-height: 16px
+    color: white
+    h5
+      +sm-headline-sans
+      line-height: 36px
+      font-size: 18px
+      margin: 0
+      padding: 0
+      float: left
+    p
+      margin: 6px 0 10px 0
+    .buttons
+      padding-top: 6px
+      float: right
+      margin-right: 20px
+      li
         float: left
-        margin-left: 6px
-        a
-            display: none
-        div
-            div
-                span
-                    display: none
-    .entry-foot
-        clear= both
+        clear: none
+        margin: 0px 10px 0 0
+        width: auto
         +sm-sans
-        font-size: 12px
-        background: #f3f
-        width= !col16+!pad*2
-        margin-top: 4px
-        
-        
-        
+        font-size: 10px
+        a
+          padding: 9px 14px 7px 14px
+          font-weight: bold
+          line-height: 25px
+          text-transform: uppercase
+          background: #463215
+          color: white
+          -moz-border-radius: 25px
+          -webkit-border-radius: 25px
+          -o-border-radius: 25px
+          border-radius: 25px
+        a:hover
+          background: $luxagraf_orange
+  .map
+    width: $col5
+    margin-top: 42px
+    height: 130px
+    float: left
+    margin-left: 6px
+    a
+      display: none
+    div
+      div
+        span
+          display: none
+  .entry-foot
+    clear: both
+    +sm-sans
+    font-size: 12px
+    background: #ff33ff
+    width: $col16 + $pad * 2
+    margin-top: 4px
+
 img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
-    display: none !important
-    
\ No newline at end of file
+  display: none !important