Permalink
Browse files

menu for documentation

  • Loading branch information...
1 parent 40aee8f commit 36f84d2060d0b8f19cf7ad97687244866bd7309b @codingdesigner committed Nov 15, 2012
@@ -1512,7 +1512,8 @@ header.kit-ui {
margin-left: 0;
}
-.no-js body {
+.no-js body,
+body.documentation {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
@@ -1527,14 +1528,18 @@ header.kit-ui {
box-align: stretch;
padding-top: 44px;
}
-.no-js header.kit-ui {
+.no-js body header.kit-ui,
+body.documentation header.kit-ui {
position: fixed;
width: 100%;
height: 44px;
margin-top: -44px;
}
-.no-js #menu {
- width: 250px;
+.no-js body #menu,
+body.documentation #menu {
+ width: auto;
+ max-width: 250px;
+ margin-right: 1em;
}
h1.section-title {
@@ -119,7 +119,9 @@ function foldSection($el, $dir) {
* Side Panel Menu
*/
(function($){
- $('header.kit-ui').prepend('<a class="menu-trigger"></a>');
- var jPM = $.jPanelMenu();
- jPM.on();
+ if($('body.documentation').length == 0){
+ $('header.kit-ui').prepend('<a class="menu-trigger"></a>');
+ var jPM = $.jPanelMenu();
+ jPM.on();
+ }
})(jQuery);
@@ -5,8 +5,7 @@
%section#helpers.element-group
%h1.section-title Helpers
%p.intro
- :markdown
- Variables that help.
+ Variables that help.
%div.element
%h2.element-title
Helper Variables
@@ -1,121 +1,122 @@
-%nav.kit-nav
- %ul
- %li
- Variables
- %ul
- %li
- %a{:href => "/documentation/core/variables/color-names.html"} Color Names
- %li
- %a{:href => "/documentation/core/variables/helpers.html"} Helpers
- %li
- Extendables
- %ul
- %li
- %a{:href => "/documentation/core/extend/helpers.html"} Helpers
- %li
- %a{:href => "/documentation/core/extend/sticky-footer.html"} Sticky Footer
- %li
- Functions
- %ul
- %li
- %a{:href => "/documentation/core/functions/calculations.html"} Calculations
- %li
- Mixins
- %ul
- %li
- %a{:href => "/documentation/core/mixins/helpers.html"} Helpers
- %li
- %a{:href => "/documentation/core/mixins/layout.html"} Layout
- %li
- %a{:href => "/documentation/core/mixins/pseudo.html"} Pseudo
- %li
- %a{:href => "/documentation/core/mixins/typography.html"} Typography
- %li
- %a{:href => "/documentation/core/mixins/ui.html"} UI
- %li
- Reset
- %ul
- %li
- %a{:href => "/documentation/core/reset/reset.html"}
- Reset
- %h2
- Standard
+#menu.kit-ui
+ %nav.kit-nav
%ul
%li
- %a{:href => "/documentation/installation.html"}
- Installation
- %li
- Sass / Scss Workflow
+ Variables
%ul
%li
- %a{:href => "/documentation/standard/imports.html"}
- Imports
+ %a{:href => "/documentation/core/variables/color-names.html"} Color Names
%li
- Variables
- %ul
- %li
- %a{:href => "/documentation/standard/variables/base.html"}
- Base
- %li
- %a{:href => "/documentation/standard/variables/colors.html"}
- Colors
- %li
- %a{:href => "/documentation/standard/variables/fonts.html"}
- Fonts
+ %a{:href => "/documentation/core/variables/helpers.html"} Helpers
+ %li
+ Extendables
+ %ul
%li
- Mixins
- %ul
- %li
- %a{:href => "/documentation/standard/mixins/mixins.html"}
- Custom
+ %a{:href => "/documentation/core/extend/helpers.html"} Helpers
%li
- Extend
- %ul
- %li
- %a{:href => "/documentation/standard/extend/helpers.html"}
- Helpers
- %li
- %a{:href => "/documentation/standard/extend/typography.html"}
- Typography
+ %a{:href => "/documentation/core/extend/sticky-footer.html"} Sticky Footer
+ %li
+ Functions
+ %ul
%li
- %a{:href => "/documentation/standard/base/base.html"}
- Base
+ %a{:href => "/documentation/core/functions/calculations.html"} Calculations
+ %li
+ Mixins
+ %ul
%li
- Layout
- %ul
- %li
- %a{:href => "/documentation/standard/layout/susy.html"}
- Grids - Susy
+ %a{:href => "/documentation/core/mixins/helpers.html"} Helpers
%li
- UI Patterns
- %ul
- %li
- %a{:href => "/documentation/standard/ui-patterns/common.html"}
- Common
- %li
- %a{:href => "/documentation/standard/ui-patterns/drupal.html"}
- Drupal
+ %a{:href => "/documentation/core/mixins/layout.html"} Layout
%li
- Style Tiles
- %ul
- %li
- %a{:href => "/documentation/standard/style-tiles/style-tiles.html"}
- Tile Design
+ %a{:href => "/documentation/core/mixins/pseudo.html"} Pseudo
%li
- Media
- %ul
- %li
- %a{:href => "/documentation/standard/media/print.html"}
- Print
+ %a{:href => "/documentation/core/mixins/typography.html"} Typography
%li
- %a{:href => "/documentation/standard/your-design.html"}
- Your Design
- %li
- %a{:href => "/documentation/standard/html.html"}
- HTML
+ %a{:href => "/documentation/core/mixins/ui.html"} UI
%li
- Javascript
+ Reset
+ %ul
+ %li
+ %a{:href => "/documentation/core/reset/reset.html"}
+ Reset
+ %h2
+ Standard
+ %ul
+ %li
+ %a{:href => "/documentation/installation.html"}
+ Installation
+ %li
+ Sass / Scss Workflow
+ %ul
+ %li
+ %a{:href => "/documentation/standard/imports.html"}
+ Imports
+ %li
+ Variables
+ %ul
+ %li
+ %a{:href => "/documentation/standard/variables/base.html"}
+ Base
+ %li
+ %a{:href => "/documentation/standard/variables/colors.html"}
+ Colors
+ %li
+ %a{:href => "/documentation/standard/variables/fonts.html"}
+ Fonts
+ %li
+ Mixins
+ %ul
+ %li
+ %a{:href => "/documentation/standard/mixins/mixins.html"}
+ Custom
+ %li
+ Extend
+ %ul
+ %li
+ %a{:href => "/documentation/standard/extend/helpers.html"}
+ Helpers
+ %li
+ %a{:href => "/documentation/standard/extend/typography.html"}
+ Typography
+ %li
+ %a{:href => "/documentation/standard/base/base.html"}
+ Base
+ %li
+ Layout
+ %ul
+ %li
+ %a{:href => "/documentation/standard/layout/susy.html"}
+ Grids - Susy
+ %li
+ UI Patterns
+ %ul
+ %li
+ %a{:href => "/documentation/standard/ui-patterns/common.html"}
+ Common
+ %li
+ %a{:href => "/documentation/standard/ui-patterns/drupal.html"}
+ Drupal
+ %li
+ Style Tiles
+ %ul
+ %li
+ %a{:href => "/documentation/standard/style-tiles/style-tiles.html"}
+ Tile Design
+ %li
+ Media
+ %ul
+ %li
+ %a{:href => "/documentation/standard/media/print.html"}
+ Print
+ %li
+ %a{:href => "/documentation/standard/your-design.html"}
+ Your Design
+ %li
+ %a{:href => "/documentation/standard/html.html"}
+ HTML
+ %li
+ Javascript
- %h2
- Drupal Theme
-= @subnav
+ %h2
+ Drupal Theme
+ = @subnav
@@ -1,94 +1,25 @@
+-@kit_internal = true
!!! 5
--# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
-<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
-<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
-<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
+<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7"> <![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9 ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
%html.no-js{ :lang => "en" }
<!--<![endif]-->
- %head
- %meta{ :charset => "utf-8" }/
-
- %title= @title
- %meta{ :name => "description", :content => "" }/
- %meta{ :name => "author", :content => "" }/
-
- / Mobile viewport optimized: j.mp/bplateviewport
- %meta{ :name => "HandheldFriendly", :content => "True" }/
- %meta{ :name => "MobileOptimized", :content => "320" }/
- %meta{ :name => "viewport", :content => "width=device-width, target-densitydpi=160, initial-scale=1.0" }/
-
- -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
- / For iPhone 4 with high-resolution Retina display:
- %link{:href => "/apple-touch-icon-114x114-precomposed.png", :rel => "apple-touch-icon-precomposed", :sizes => "114x114"}
- / For first-generation iPad:
- %link{:href => "/apple-touch-icon-72x72-precomposed.png", :rel => "apple-touch-icon-precomposed", :sizes => "72x72"}
- / For non-Retina iPhone, iPod Touch, and Android 2.1+ devices:
- %link{:href => "/apple-touch-icon-precomposed.png", :rel => "apple-touch-icon-precomposed"}/
- / For Nokia
- %link{:href => "/apple-touch-icon.png", :rel => "shortcut icon"}
- / For everything else
- %link{:href => "/favicon.ico", :rel => "shortcut icon"}
-
- / iOS. Delete if not required
- %meta{:content => "yes", :name => "apple-mobile-web-app-capable"}
- %meta{:content => "black-translucent", :name => "apple-mobile-web-app-status-bar-style"}
-
- / Microsoft. Delete if not required
- %meta{:content => "on", "http-equiv" => "cleartype"}
- %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}
- /[if lt IE 7 ] <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
-
- / CSS
- -# CSS: implied media="all"
- -if @extracss
- %link{ :href => "/css/#{@extracss}?v=1", :rel => "stylesheet" }
- %link{ :href => "/css/style.css?v=1", :rel => "stylesheet" }
- %link{ :href => "/css/survivalkit/survivalkit.css?v=1", :rel => "stylesheet" }
- -# = stylesheet_link_tag("/css/style.css")
-
- / All JavaScript at the bottom, except for Modernizr and Respond.
- /[if (lt IE 9) & (!IEMobile)]
- <script src="/js/libs/selectivizr-min.js"></script>
- -# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
- %script{ :src => "/js/libs/modernizr-2.0.min.js" }
-
- / Typekit
- /
- %script{:src => "http://use.typekit.com/xxxxxxx.js", :type => "text/javascript"}
- :javascript
- try{Typekit.load();}catch(e){}
-
- %body.survival-kit
+ = render :template => "../partials/_head.haml"
+ = render :template => "../partials/_webfonts.haml"
+ -if @styletile
+ - @classes = 'survival-kit', 'styletile', 'styletile-' + @version
+ -else
+ - @classes = 'survival-kit documentation'
+
+ %body{:class => [@classes]}
+ = render :template => "/survivalkit/partials/_header.haml"
+ = render :template => "/documentation/partials/_menu.haml"
#page
- = render :template => "/survivalkit/partials/_header.haml"
- = render :template => "/documentation/partials/_menu.haml"
#main{:role => "main"}
= yield
-
%footer= @footer
- /
- Javascript at the bottom for fast page loading
- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
- %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" }
- :javascript
- window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")
-
- %script{ :src => "/js/script.js?v=1" }
- %script{ :src => "/js/kit/kit-source.jquery.js?v=1" }
-
- :javascript
- // Respond.js
- yepnope({
- test : Modernizr.mq('(only all)'),
- nope : ['/js/sources/Respond/respond.min.js']
- });
-
- / asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
- / change the UA-XXXXX-X to be your site's ID
- :javascript
- var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
- g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
- s.parentNode.insertBefore(g,s)}(document,"script"));
+ = render :template => "../partials/_frameworks.haml"
+ = render :template => "../partials/_footer.haml"
Oops, something went wrong.

0 comments on commit 36f84d2

Please sign in to comment.