moar fixes

data/community.yml

@@ -41,10 +41,13 @@ projects:
   - name: "Neat"
     url: "http://neat.bourbon.io/"
     description: "a mixin-based grid layout system"
+  - name: "Sassmeister"
+    url: "http://sassmeister.com/"
+    description: "a tool for trying Sass in the browser"
   - name: "Zurb Foundation"
     url: "http://foundation.zurb.com/"
     description: "a responsive front-end framework"
-  - name: "Rock Hammer
+  - name: "Rock Hammer"
     url: "https://github.com/malarkey/rock-hammer/"
     description: "a starting framework with some basic styles for a project"
   - name: "Twitter Bootstrap"

source/assets/javascripts/components/smooth-scroll.js

@@ -0,0 +1,16 @@
+$(function() {
+  $('a[href*=#]:not([href=#])').click(function() {
+    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
+        || location.hostname == this.hostname) {
+
+      var target = $(this.hash);
+      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+      if (target.length) {
+        $('html,body').animate({
+          scrollTop: target.offset().top
+        }, 1000);
+        return false;
+      }
+    }
+  });
+});

source/assets/stylesheets/components/_page-header.scss

@@ -1,7 +1,6 @@
 .page-header {
   @include trailer;
   @include transition-property(padding);
-  background: $color-background;
   border-color: $color-border;
 
   &,

source/assets/stylesheets/components/_type.scss

@@ -1,6 +1,6 @@
 .introduction {
   margin: 0 auto;
-  max-width: 35em;
+  max-width: 25em;
   text-align: center;
   color: $color-accent;
 

source/assets/stylesheets/foundation/_site.scss

@@ -19,6 +19,8 @@ html {
     rendering: optimizeLegibility;
     align: center;
   }
+  background: image-url("textures/grey-prism.jpg") 50% 0;
+  @include background-size(50%);
   -webkit-tap-highlight-color: rgba($black, 0);
 
   &.toolkit-baseline { @include debug-vertical-alignment; }

source/assets/stylesheets/regions/_contentinfo.scss

@@ -1,6 +1,7 @@
 .contentinfo {
   @include padding-leader;
   @include padding-trailer;
+  background: $color-background;
   color: $color-text-weak;
 
   .container {

source/assets/stylesheets/regions/_section-bottom.scss

@@ -1,7 +1,7 @@
 .section-bottom {
   @include padding-leader;
   @include padding-trailer;
-  @include background(linear-gradient(mix($color-background-shade, $color-background), transparent));
+  background: $color-background;
 
   @include breakpoint($screen-small) {
 

source/documentation.haml

@@ -2,6 +2,11 @@
 title: Documentation
 ---
 
-:markdown
-  This will be replaced with the current RDOC from the existing site. If we
-  can tweak the CSS a bit we may do that to it matches the theme.
+%p= link_to "Yardocs will go here.", "http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html"
+
+
+
+- content_for (:complementary) do
+  %h3 Elsewhere
+  %ul
+    %li= link_to "Better Sass Docs", "http://www.kaelig.fr/bettersassdocs/"

source/guide.haml

@@ -21,7 +21,7 @@ title: Sass Basics
     * [Operators](#8)
 
 %ul.slides
-  %li
+  %li#1
     :markdown
       ## Pre-processing
 
@@ -31,7 +31,7 @@ title: Sass Basics
 
       * * *
 
-  %li
+  %li#2
     :markdown
       ## Variables
 
@@ -46,7 +46,7 @@ title: Sass Basics
 
     %hr/
 
-  %li
+  %li#3
     :markdown
       ## Nesting
 
@@ -61,7 +61,7 @@ title: Sass Basics
 
     %hr/
 
-  %li
+  %li#4
     :markdown
       ## Partials
 
@@ -69,7 +69,7 @@ title: Sass Basics
 
       ***
 
-  %li
+  %li#5
     :markdown
       ## Import
 
@@ -88,7 +88,7 @@ title: Sass Basics
 
     %hr/
 
-  %li
+  %li#6
     :markdown
       ## Mixins
 
@@ -103,7 +103,7 @@ title: Sass Basics
 
     %hr/
 
-  %li
+  %li#7
     :markdown
       ## Extend/Inheritance
 
@@ -118,7 +118,7 @@ title: Sass Basics
 
     %hr/
 
-  %li
+  %li#8
     :markdown
       ## Operators