Update everything

sk29110 · Feb 9, 2014 · 7ed50fe · 7ed50fe
1 parent b78783f
commit 7ed50fe
Show file tree

Hide file tree

Showing 31 changed files with 304 additions and 734 deletions.
diff --git a/Gemfile b/Gemfile
@@ -1,7 +1,7 @@
 source "http://rubygems.org"
 
-gem "sass", "~> 3.3.0.rc.2"
-gem "compass", "~> 1.0.0.alpha.17"
-gem "susy", "~> 2.0.0.beta.3"
+gem "sass", "~> 3.3.0.rc.3"
+gem "compass", "~> 1.0.0.alpha.18"
+gem "susy", "~> 2.0.0.rc.1"
+gem "accoutrement", "~> 0.1.5"
 gem "breakpoint", "~> 2.4.1"
-gem "true", "~> 0.2.0.rc.4"
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,21 +1,24 @@
 GEM
   remote: http://rubygems.org/
   specs:
+    accoutrement (0.1.5)
+      compass (~> 1.0.0.alpha.17)
+      sass (~> 3.3.0.rc.1)
     breakpoint (2.4.1)
       compass (~> 1.0.0.alpha.13)
       sass (~> 3.3.0.rc.2)
       sassy-maps (< 1.0.0)
     chunky_png (1.2.9)
-    compass (1.0.0.alpha.17)
+    compass (1.0.0.alpha.18)
       chunky_png (~> 1.2)
-      compass-core (~> 1.0.0.alpha.16)
-      compass-import-once (~> 1.0.1)
+      compass-core (~> 1.0.0.alpha.17)
+      compass-import-once (~> 1.0.2)
       json
       listen (~> 1.1.0)
-      sass (~> 3.3.0.rc.1)
-    compass-core (1.0.0.alpha.16)
+      sass (~> 3.3.0.rc.3)
+    compass-core (1.0.0.alpha.17)
       multi_json (~> 1.0)
-      sass (>= 3.3.rc.1)
+      sass (>= 3.3.rc.3)
     compass-import-once (1.0.2)
     ffi (1.9.3)
     json (1.8.1)
@@ -29,22 +32,19 @@ GEM
       ffi (>= 0.5.0)
     rb-kqueue (0.2.0)
       ffi (>= 0.5.0)
-    sass (3.3.0.rc.2)
-      listen (~> 1.1.0)
+    sass (3.3.0.rc.3)
     sassy-maps (0.3.1)
       compass (~> 1.0.0.alpha.13)
       sass (~> 3.3.0.rc.2)
-    susy (2.0.0.beta.3)
-      sass (~> 3.3.0.rc.1)
-    true (0.2.0.rc.4)
+    susy (2.0.0.rc.1)
       sass (~> 3.3.0.rc.1)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  accoutrement (~> 0.1.5)
   breakpoint (~> 2.4.1)
-  compass (~> 1.0.0.alpha.17)
-  sass (~> 3.3.0.rc.2)
-  susy (~> 2.0.0.beta.3)
-  true (~> 0.2.0.rc.4)
+  compass (~> 1.0.0.alpha.18)
+  sass (~> 3.3.0.rc.3)
+  susy (~> 2.0.0.rc.1)
diff --git a/config.rb b/config.rb
@@ -2,7 +2,7 @@
 
 require "susy"
 require "breakpoint"
-require "true"
+require "accoutrement"
 
 project_type = :stand_alone
 # Set this to the root of your project when deployed:

diff --git a/content/config.yml b/content/config.yml
@@ -12,8 +12,8 @@ versions:
     notes: 'https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn'
     code: 'https://github.com/ericam/susy/'
   - title: Beta Release
-    gem: 'https://rubygems.org/gems/susy/versions/2.0.0.beta.3'
-    number: 2.0.0.beta.3
+    gem: 'https://rubygems.org/gems/susy/versions/2.0.0.rc.1'
+    number: 2.0.0.rc.1
     notes: 'http://susydocs.oddbird.net/en/latest/changelog/'
 
 
@@ -50,25 +50,75 @@ intro:
 # Screenshots
 screenshots:
   - image: /static/screenshots/sasslang.jpg
-    alt: Sass
+    alt: 'Sass'
     target: http://sass-lang.com/
   - image: /static/screenshots/smithsonian.jpg
-    alt: Smithsonian
+    alt: 'Smithsonian'
     target: http://smithsonian.com/
   - image: /static/screenshots/squaremarket.jpg
-    alt: Square Market
+    alt: 'Square Market'
     target: http://squareup.com/market
   - image: /static/screenshots/slickbag.jpg
-    alt: Slickbag
+    alt: 'Slickbag'
     target: http://slickbag.se/
   - image: /static/screenshots/viggle.jpg
-    alt: Viggle
+    alt: 'Viggle'
     target: http://viggle.com/
   - image: /static/screenshots/avoidpaydayloans.jpg
-    alt: Avoid Payday Loans
+    alt: 'Avoid Payday Loans'
     target: http://avoidpaydayloans.com/
 
 
+# Credits
+credit:
+  - name: 'Tsachi Schlidor'
+    url: http://twitter.com/shlidor
+  - name: 'Aaron Gray'
+    url: http://twitter.com/mragray
+  - name: 'Jina Bolton'
+    url: http://twitter.com/jina
+  - name: 'Danny Palmer'
+    url: http://twitter.com/dannyprose
+  - name: 'Rachel Nabors'
+    url: http://twitter.com/rachelnabors
+  - name: 'Sam Richard'
+    url: http://twitter.com/snugug
+  - name: 'Scott Kellum'
+    url: http://twitter.com/scottkellum
+  - name: 'Mason Wendell'
+    url: http://twitter.com/codingdesigner
+  - name: 'many&nbsp;others'
+    url: https://github.com/ericam/susy/graphs/contributors
+
+
+# Colophon
+colophon:
+  - name: 'GitHub'
+    url: https://github.com/ericam/susysite
+  - name: 'rstBlog'
+    url: http://github.com/mitsuhiko/rstblog/
+  - name: 'Python'
+    url: http://www.python.org/
+  - name: 'Jinja'
+    url: http://jinja.pocoo.org/
+  - name: 'Compass'
+    url: http://compass-style.org/
+  - name: 'Sass'
+    url: http://sass-lang.com
+  - name: 'Susy'
+    url: http://susy.oddbird.net
+  - name: 'Breakpoint'
+    url: http://breakpoint-sass.com
+  - name: 'Pygments'
+    url: http://pygments.org/
+  - name: 'IcoMoon'
+    url: http://icomoon.io
+  - name: 'Source Sans Pro'
+    url: https://github.com/adobe/source-sans-pro
+  - name: 'Source&nbsp;Code&nbsp;Pro'
+    url: https://github.com/adobe/source-code-pro
+
+
 # Settings
 active_modules: [pygments_simple, tags, blog, wrap, typogrify]
 author: Eric A. Meyer

diff --git a/content/static/css/demos/demos.css b/content/static/css/demos/demos.css
@@ -1,26 +1,21 @@
 @charset "UTF-8";
-[data-icon] {
-  font-family: 'susy';
-  speak: none;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  text-decoration: none;
-  line-height: 1;
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.a11y-hidden, [id="toggle-nav"] {
+.is-hidden, [id="toggle-nav"] {
   position: absolute;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px);
 }
 
+.content::after, .content::before, .foot::after, .foot::before {
+  content: " ";
+  position: absolute;
+  height: 0;
+  width: 0;
+  border: solid transparent;
+  pointer-events: none;
+}
+
 @font-face {
   font-family: "SourceSansPro";
   src: url('../../fonts/sans/sourcesanspro-regular-webfont.woff?1386694649') format("woff"), url('../../fonts/sans/sourcesanspro-regular-webfont.ttf?1386694649') format("truetype");
@@ -94,22 +89,35 @@ html {
   line-height: 1.38889em;
 }
 
-*, *:before, *:after {
+*, *::before, *::after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
+[data-icon] {
+  font-family: susy;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  text-decoration: none;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+[data-icon]::before {
+  content: attr(data-icon);
+}
+
 html {
   padding-top: 0.69444rem;
   background: white;
   color: #666666;
 }
 
-[data-icon]:before {
-  content: attr(data-icon);
-}
-
 [data-icon='github']:before {
   content: "\e600";
 }
@@ -303,9 +311,6 @@ a:hover, a:focus, a:active {
 [data-nav]:link, [data-nav]:visited {
   text-decoration: none;
 }
-[data-nav][href^='http://']:hover [data-icon]:before, [data-nav][href^='http://']:focus [data-icon]:before, [data-nav][href^='http://']:active [data-icon]:before {
-  content: "\e319";
-}
 @media (min-width: 36em) {
   [data-nav] {
     display: inline-block;
@@ -316,40 +321,32 @@ a:hover, a:focus, a:active {
   clear: both;
   border-top-width: 0.5rem;
   border-top-style: solid;
-  padding-top: 4.36111rem;
+  padding-top: 3.66667rem;
   position: relative;
   border-color: #ff0080;
   background: white;
 }
-.content:before {
-  position: absolute;
-  content: ' ';
-  height: 0;
-  width: 0;
-  border: 2.08333rem solid transparent;
-  border-bottom-width: 0;
-  border-top-color: #ff0080;
-  margin-left: -2.08333rem;
+.content::after {
+  border-top: 1.38889rem solid white;
+  border-left-width: 1.38889rem;
+  border-right-width: 1.38889rem;
+  margin-top: -9px;
 }
-.content:after {
-  position: absolute;
-  content: ' ';
-  height: 0;
-  width: 0;
-  border: 1.38889rem solid transparent;
-  border-bottom-width: 0;
-  border-top-color: white;
-  margin-left: -1.38889rem;
+.content::before {
+  border-top: 1.38889rem solid #ff0080;
+  border-left-width: 1.38889rem;
+  border-right-width: 1.38889rem;
 }
-.content:before, .content:after {
+.content::before, .content::after {
+  top: 0;
   left: 50%;
-  top: -9px;
+  margin-left: -1.38889rem;
 }
 
 .foot {
   border-top-width: 0.5rem;
   border-top-style: solid;
-  padding-top: 4.36111rem;
+  padding-top: 3.66667rem;
   position: relative;
   border-color: deepskyblue;
   border-bottom-width: 0.5rem;
@@ -359,29 +356,21 @@ a:hover, a:focus, a:active {
   padding-bottom: 0.69444rem;
   background-color: #ccf2ff;
 }
-.foot:before {
-  position: absolute;
-  content: ' ';
-  height: 0;
-  width: 0;
-  border: 2.08333rem solid transparent;
-  border-bottom-width: 0;
-  border-top-color: deepskyblue;
-  margin-left: -2.08333rem;
+.foot::after {
+  border-top: 1.38889rem solid white;
+  border-left-width: 1.38889rem;
+  border-right-width: 1.38889rem;
+  margin-top: -9px;
 }
-.foot:after {
-  position: absolute;
-  content: ' ';
-  height: 0;
-  width: 0;
-  border: 1.38889rem solid transparent;
-  border-bottom-width: 0;
-  border-top-color: white;
-  margin-left: -1.38889rem;
+.foot::before {
+  border-top: 1.38889rem solid deepskyblue;
+  border-left-width: 1.38889rem;
+  border-right-width: 1.38889rem;
 }
-.foot:before, .foot:after {
+.foot::before, .foot::after {
+  top: 0;
   left: 50%;
-  top: -9px;
+  margin-left: -1.38889rem;
 }
 
 [role="contentinfo"] {