Browse files

setup for adding demos

  • Loading branch information...
1 parent 0161328 commit 0f662a278435f9022b207f53fe6d36a62744a079 Eric Meyer committed May 28, 2012
View
2 docs/config.rb
@@ -62,6 +62,8 @@
# page "/admin/*"
# end
+page "/demos/*", :layout => "demo"
+
# Proxy (fake) files
# page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
# @which_fake_page = "Rendering a fake page with a variable"
View
2 docs/lib/guide_helpers.rb
@@ -8,7 +8,7 @@ def page_title
end
title
end
-
+
def page_side_content
side_content = false
if data.page.side_content
View
10 docs/source/demos/index.html.md
@@ -0,0 +1,10 @@
+---
+title: Demos
+stylesheet: "demos/magic.css"
+---
+
+<div>
+
+Need a good way to render **markdown** inside _html_.
+
+</div>
View
34 docs/source/layouts/demo.haml
@@ -0,0 +1,34 @@
+!!! 5
+/[if lt IE 7] <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
+/[if IE 7] <html class="no-js lt-ie9 lt-ie8" lang="en">
+/[if IE 8] <html class="no-js lt-ie9" lang="en">
+/ [if gt IE 8]><!
+%html.no-js{:lang => "en"}
+ / <![endif]
+
+ = partial "partials/head"
+ = stylesheet_link_tag data.page.stylesheet
+
+ %body{ :id => "susy-oddbird-net", :class => page_classes }
+
+ %nav{ :role => "navigation" }
+ %a{ :href => "/" } Back to Susy
+
+ %section.page
+
+ %header{ :role => "banner" }
+ %hgroup
+ %h1 Susy Demo
+ %h2 responsive grids for compass
+
+ %div{ :role => "main" }
+ ~ yield
+
+ %footer{ :role => "contentinfo" }
+ %div.container
+ = partial "partials/contentinfo"
+
+ = javascript_include_tag "jquery-1.7.1.min.js"
+ = javascript_include_tag "jqwidont.js"
+ = javascript_include_tag "viewport.js"
+ = partial "partials/google_analytics"
View
3 docs/source/layouts/layout.haml
@@ -7,7 +7,8 @@
/ <![endif]
= partial "partials/head"
-
+ = stylesheet_link_tag "site.css"
+
%body{ :id => "susy-oddbird-net", :class => page_classes }
%div.page
View
1 docs/source/partials/_head.haml
@@ -13,6 +13,5 @@
%link{:rel => "apple-touch-startup-image", :media => "screen and (min-device-width: 768px) and (orientation: portrait)", :href => "images/splash-portrait.png"}
%link{:rel => "apple-touch-startup-image", :media => "screen and (min-device-width: 768px) and (orientation: landscape)", :href => "images/splash-landscape.png"}
- = stylesheet_link_tag "site.css"
= javascript_include_tag "modernizr-2.5.3.min.js"
= javascript_include_tag "modernizr.selectors.js"
View
2 docs/source/stylesheets/_general/_type.scss
@@ -1,7 +1,7 @@
// ---------------------------------------------------------------------------
// Basic Typography
-.type {
+%type {
@include sans;
// -------------------------------------------------------------------------
View
4 docs/source/stylesheets/_layout.scss
@@ -23,7 +23,7 @@
@include trailer(2);
.sites-using-susy & { @include pad(1,1); }
}
- .sites-using-susy & { @extend .type; }
+ .sites-using-susy & { @extend %type; }
}
[role="contentinfo"] {
@@ -33,7 +33,7 @@
//Exceptions
.guides, .tutorial {
- [role="main"] { @extend .type; }
+ [role="main"] { @extend %type; }
.secondary { display: none; }
@include at-breakpoint($break) {
View
17 docs/source/stylesheets/_modules/_demo.scss
@@ -0,0 +1,17 @@
+//-----------------------------------------------------------------------------
+// Demos
+
+[role="navigation"] {
+ padding: rhythm(.5);
+ background: $base03;
+ color: $base1;
+ font-style: italic;
+ a {
+ #{$link} {
+ @extend .icon;
+ @include font-icon-image($icon-arrow-left);
+ color: $base2;
+ }
+ #{$focus} { color: $base3; }
+ }
+}
View
15 docs/source/stylesheets/demo.css.scss
@@ -0,0 +1,15 @@
+//-----------------------------------------------------------------------------
+// Base
+
+@import "_base/base";
+
+//-----------------------------------------------------------------------------
+// General
+
+@import "_general/root";
+@import "_general/type";
+
+//-----------------------------------------------------------------------------
+// Modules
+
+@import "_modules/demo";
View
55 docs/source/stylesheets/demos/magic.css.scss
@@ -0,0 +1,55 @@
+//-----------------------------------------------------------------------------
+// Imports
+
+@import "../demo";
+
+//-----------------------------------------------------------------------------
+// Settings
+
+$total-columns: 4;
+$column-width: 5em;
+$gutter-width: 1em;
+$grid-padding: $gutter-width;
+
+$break: 40em 10 lt-ie9;
+
+//-----------------------------------------------------------------------------
+// Container
+
+.page {
+ @include container($total-columns, $break);
+}
+
+//-----------------------------------------------------------------------------
+// Layout
+
+
+[role="contentinfo"] {
+ clear: both;
+}
+
+//-----------------------------------------------------------------------------
+// Style
+
+[role="banner"] {
+ @include cond;
+ @include leader;
+ @include trailer;
+ font-weight: bold;
+ h1 {
+ @include adjust-font-size-to($xlargepx);
+ }
+ h2 {
+ text-transform: uppercase;
+ }
+}
+
+[role="main"] {
+ @extend %type;
+ @include leader;
+ @include trailer;
+}
+
+[role="contentinfo"] {
+ @include leader;
+}

0 comments on commit 0f662a2

Please sign in to comment.