sb-styleguide 0.0.9 → 1.0.0

data/app/views/parts/modules/_nav_footer.haml

@@ -0,0 +1,34 @@
+%footer.footer
+  .container
+    %a{ :href=> '#footer-content', :class => "footer-tab ss-icon footer-up", :data => { :switch => true, :"switch-toggle" => true}} navigateup
+    %a{ :href=> '#footer-content', :class => "footer-tab ss-icon footer-down", :data => { :switch => true, :"switch-toggle" => true}} navigatedown
+  #footer-content.container
+    .mother-three.column
+      .row
+        .mother-two.sister-one.column.footer-logo-container
+          %a{:href=> "http://www.studentbeans.com" }
+            .footer-logo{ :role=>"img", :"aria-label"=>"Studentbeans.com"}
+      .row
+        %p.support © #{Time.now.year.to_s} The Beans Group. All Rights reserved.
+    .mother-two.column
+      %ul.support
+        %li
+          %a{ :href => "http://www.studentbeans.com/registration.html"} Join studentbeans.com
+        %li
+          %a{ :href => "http://www.studentbeans.com/national/offers/"} National Student Offers
+        %li
+          %a{ :href => "http://www.studentbeans.com/national/offers/top.html"} Top 20 Offers
+    .mother-two.column
+      %ul.support
+        %li
+          %a{ :href => "http://www.studentbeans.com/student101/"} Student 101
+        %li
+          %a{ :href => "http://www.studentbeans.com/student-money/"} Easy Money
+        %li
+          %a{ :href => "http://www.studentbeans.com/national/jobs-for-students"} Student Jobs
+    .mother-one.column
+      %ul.action-list.h5
+        %li
+          %a{ :href => "http://facebook.com/studentbeans", :class => "ss-icon ss-social"} facebook
+        %li
+          %a{ :href => "http://twitter.com/studentbeans", :class => "ss-icon ss-social"} twitter

data/app/views/parts/modules/_nav_header.haml

@@ -0,0 +1,18 @@
+%nav.nav-global
+  #nav-global-2.nav-collapse.baby-switch-content<
+    %ul.nav-items.collapse><
+      %li.is-active><
+        %a{:href => "#Item-1"} Item 1
+      %li><
+        %a{:href => "#Item-2"} Item 2
+      %li><
+        %a{:href => "#Item-3"} Item 3
+
+  .nav-mobile-switch.baby-only
+    %a{ :href => "#nav-global-2", :data => {:switch => true, :"switch-toggle" => true} }><
+      %span>< Show navigation
+    %i><
+    %i><
+    %i><
+
+

data/app/views/parts/modules/_panels.haml

@@ -0,0 +1,9 @@
+%aside.panel
+  %p My Panel Content
+%aside.panel.panel-left
+  %p My Panel Content
+%aside.panel.panel-right
+  %p My Panel Content
+%aside.panel.panel-center
+  %p My Panel Content
+

data/app/views/parts/modules/_tabs_minimal.haml

@@ -0,0 +1,11 @@
+%ul
+  %li
+    %a{ :href => "#sg-target1-3", :data => { :switch => true }, :id => "eg1-2"} Switch link 1
+  %li
+    %a{ :href => "#sg-target2-3", :data => { :switch => true }, :id => "eg2-2"} Switch link 2
+  %li
+    %a{ :href => "#sg-target3-3", :data => { :switch => true }, :id => "eg3-2"} Switch link 3
+%div.switch-content{:id => "sg-target1-3"} Switch content 1
+%div.switch-content{:id => "sg-target2-3"} Switch content 2
+%div.switch-content{:id => "sg-target3-3"} Switch content 3
+

data/app/views/parts/modules/_tabs_simple_group.haml

@@ -0,0 +1,11 @@
+%ul
+  %li
+    %a{ :href =>  "#sg-target1-3", :data => { :switch => true, :"switch-group" => "sg-group-1"  }, :id => "eg1-2"} Switch link 1
+  %li
+    %a{ :href => "#sg-target2-3", :data => { :switch => true, :"switch-group" => "sg-group-1"  }, :id => "eg2-2"} Switch link 2
+  %li
+    %a{ :href => "#sg-target3-3", :data => { :switch => true, :"switch-group" => "sg-group-1"  }, :id => "eg3-2"} Switch link 3
+%div.switch-content{:id => "sg-target1-3"} Switch content 1
+%div.switch-content{:id => "sg-target2-3"} Switch content 2
+%div.switch-content{:id => "sg-target3-3"} Switch content 3
+

data/app/views/parts/modules/_tabs_simple_group_toggle.haml

@@ -0,0 +1,11 @@
+%ul
+  %li
+    %a{ :href =>  "#sgt-target1-3", :data => { :switch => true, :"switch-toggle" => true, :"switch-group" => "sgt-group-1"  }, :id => "eg1-2"} Switch link 1
+  %li
+    %a{ :href => "#sgt-target2-3", :data => { :switch => true, :"switch-toggle" => true, :"switch-group" => "sgt-group-1"  }, :id => "eg2-2"} Switch link 2
+  %li
+    %a{ :href => "#sgt-target3-3", :data => { :switch => true, :"switch-toggle" => true, :"switch-group" => "sgt-group-1"  }, :id => "eg3-2"} Switch link 3
+%div.switch-content{:id => "sgt-target1-3"} Switch content 1
+%div.switch-content{:id => "sgt-target2-3"} Switch content 2
+%div.switch-content{:id => "sgt-target3-3"} Switch content 3
+

data/app/views/parts/modules/_tabs_toggle.haml

@@ -0,0 +1,5 @@
+%ul
+  %li
+    %a{ :href =>  "#toggle-target1-3", :data => { :switch => true, :"switch-toggle" => true, :"switch-group" => "toggle-group-1"  }, :id => "eg1-2"} Switch link 1
+%div.switch-content{:id => "toggle-target1-3"} Switch content 1
+

data/app/views/parts/modules/_tabs_traditional.haml

@@ -0,0 +1,11 @@
+%ul.tabs
+  %li.is-active
+    %a{ :href =>  "#target1-3", :data => { :switch => true, :"switch-group" => "group-1"  }, :id => "eg1-2"} Switch link 1
+  %li
+    %a{ :href => "#target2-3", :data => { :switch => true, :"switch-group" => "group-1"  }, :id => "eg2-2"} Switch link 2
+  %li
+    %a{ :href => "#target3-3", :data => { :switch => true, :"switch-group" => "group-1"  }, :id => "eg3-2"} Switch link 3
+%div.switch-content.is-active{:id => "target1-3"} Switch content 1
+%div.switch-content{:id => "target2-3"} Switch content 2
+%div.switch-content{:id => "target3-3"} Switch content 3
+

data/app/views/shared/_title.html.haml

@@ -0,0 +1,8 @@
+.row
+  %header.mother-eight.column{ role: "banner"}
+    - if @page_title
+      %h1!= @page_title
+    - if @page_description
+      %p.standout= @page_description
+    -if @page_title or @page_description
+      %hr

data/app/views/shared/_ui_nav.html.haml

@@ -0,0 +1,5 @@
+- unless @page_nav.nil?
+  %nav.panel
+    %ul
+      - @page_nav.each do |text,path|
+        %li= link_to text, path

data/app/views/ui/typography.html.haml

@@ -1,128 +1,118 @@
-.row
-  .mother-three.mother-push-one.column= render "ui_nav"
-  .mother-seven.mother-pull-one.column
 
-    %h2 Basic Typography
+%h2 Basic Typography
 
-    = render :partial => "shared/placeholder_text"
+= render :partial => "shared/placeholder_text"
 
-    %hr
+%hr
 
-    %h3.h5 Headings
+%h3.h5 Headings
 
-    = example do
-      .h1 Heading 1
-      .h2 Heading 2
-      .h3 Heading 3
-      .h4 Heading 4
-      .h5 Heading 5
-      :coderay
-        #!haml
-      
-        %h1 Heading 1
-        %h2 Heading 2
-        %h3 Heading 3
-        %h4 Heading 4
-        %h5 Heading 5
+.h1 Heading 1
+.h2 Heading 2
+.h3 Heading 3
+.h4 Heading 4
+.h5 Heading 5
+:coderay
+  #!haml
 
-        // All heading styles can also be reproduced using .h{n}
-    %hr
+  %h1 Heading 1
+  %h2 Heading 2
+  %h3 Heading 3
+  %h4 Heading 4
+  %h5 Heading 5
 
-    %h3.h5 Body text
+  // All heading styles can also be reproduced using .h{n}
+%hr
 
-    = example do
-      %p Normal Paragraph - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. 
+%h3.h5 Body text
 
-      :coderay
-        #!haml
+%p Normal Paragraph - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. 
 
-        %p Lebowski ipsum I didn't…
-      // end
+:coderay
+  #!haml
 
-    %h3.h5 Standout
+  %p Lebowski ipsum I didn't…
+// end
 
-    = example do
-      %p.standout Standout Paragraph - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo.
+%h3.h5 Standout
 
-      :coderay
-        #!haml
+%p.standout Standout Paragraph - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo.
 
-        %p.standout Lebowski ipsum I didn't…
-      // end
+:coderay
+  #!haml
 
-    %h3.h5 Body text helper classes
+  %p.standout Lebowski ipsum I didn't…
+// end
 
-    = example do
-      %p.support Support text - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. 
-      %p.secondary Secondary text - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. Pellentesque ac lectus quis elit blandit fringilla a ut turpis. 
+%h3.h5 Body text helper classes
 
-      :coderay
-        #!haml
+%p.support Support text - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. 
+%p.secondary Secondary text - Lebowski ipsum I didn't blame anyone for the loss of my legs, some chinaman in Korea took them from me but I went out and achieved anyway. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo. Pellentesque ac lectus quis elit blandit fringilla a ut turpis. 
 
-        %p.support Lebowski ipsum I didn't…
-        %p.secondary Lebowski ipsum I didn't…
-      // end
+:coderay
+  #!haml
 
-    %hr
+  %p.support Lebowski ipsum I didn't…
+  %p.secondary Lebowski ipsum I didn't…
+// end
 
-    %h3.h5 Links
-    
-    = example do
-      %a{:href=>"#my_link"} Text link
-      %br
-      %a.is-active{:href=>"#my_link"} Text link hover/active
-      %br
-      %a.prominent{:href=>"#my_link"} Prominent text link
-      %br
-      %a.prominent.is-active{:href=>"#my_link"} Prominent text link hover/active
+%hr
 
-      :coderay
-        #!haml
+%h3.h5 Links
 
-        %a{:href=>"#my_link"} Text link
-        %a.is-active{:href=>"#my_link"} Text link hover/active
-        %a.prominent{:href=>"#my_link"} Prominent text link
-        %a.prominent.is-active{:href=>"#my_link"} Prominent text link hover/active
-      // end
+%a{:href=>"#my_link"} Text link
+%br
+%a.is-active{:href=>"#my_link"} Text link hover/active
+%br
+%a.prominent{:href=>"#my_link"} Prominent text link
+%br
+%a.prominent.is-active{:href=>"#my_link"} Prominent text link hover/active
 
-    %hr
+:coderay
+  #!haml
 
-    %h3.h5 Shouts
+  %a{:href=>"#my_link"} Text link
+  %a.is-active{:href=>"#my_link"} Text link hover/active
+  %a.prominent{:href=>"#my_link"} Prominent text link
+  %a.prominent.is-active{:href=>"#my_link"} Prominent text link hover/active
+// end
 
-    = example do
-      .shout Shout Text
-      .small.shout Small shout text
-      .medium.shout Medium shout text
-      .large.shout Large shout text
-      :coderay
-        #!haml
+%hr
 
-        .shout Shout Text
-        .small.shout Small shout text
-        .medium.shout Medium shout text
-        .large.shout Large shout text
-      // end
+%h3.h5 Shouts
 
+.shout Shout Text
+.small.shout Small shout text
+.medium.shout Medium shout text
+.large.shout Large shout text
+:coderay
+  #!haml
 
-    %hr
+  .shout Shout Text
+  .small.shout Small shout text
+  .medium.shout Medium shout text
+  .large.shout Large shout text
+// end
 
-    %h2 Lists
 
-    %h3.h5 Action lists
-
-    = example do
-      %ul.action-list
-        %li
-          %a{:href=>"my_url"} Item 1
-        %li
-          %a{:href=>"my_url"} item 2
-      :coderay
-        #!haml
+%hr
 
-        %ul.action-list
-          %li
-            %a{:href=>"my_url"} Item 1
-          %li
-            %a{:href=>"my_url"} Item 2
-      // end
+%h2 Lists
+
+%h3.h5 Action lists
+
+%ul.action-list
+  %li
+    %a{:href=>"my_url"} Item 1
+  %li
+    %a{:href=>"my_url"} item 2
+:coderay
+  #!haml
+
+  %ul.action-list
+    %li
+      %a{:href=>"my_url"} Item 1
+    %li
+      %a{:href=>"my_url"} Item 2
+// end
 

data/lib/sb-styleguide.rb

@@ -4,7 +4,7 @@ require "rails"
 
 module Sb
   module Styleguide
-    class Engine < ::Rails::Engine
+    class Engine < Rails::Engine
       require "modular-scale"
     end
   end

data/lib/sb-styleguide/version.rb

@@ -1,5 +1,5 @@
 module Sb
   module Styleguide
-    VERSION = "0.0.9"
+    VERSION = "1.0.0"
   end
 end

data/lib/templates/haml/scaffold/_form.html.haml

@@ -0,0 +1,8 @@
+= semantic_form_for @<%= singular_name %> do |f|
+  = f.inputs do
+  <%- attributes.each do |attribute| -%>
+    = f.input :<%= attribute.name %>
+  <%- end -%>
+
+  = f.actions do
+    = f.action :submit, :as => :input

data/public/javascripts/LICENSE.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta charset='UTF-8'>
+  <title>Codo Documentation</title>
+  <link rel='stylesheet' href='assets/codo.css' type='text/css'>
+  <script src='assets/codo.js'></script>
+  <script src='assets/search_data.js'></script>
+</head>
+  <body>
+    <div id='base' data-path=''></div>
+<div id='header'>
+  <div id='menu'>
+    <a href='README.md.html' title='Codo'>Codo</a>
+    &raquo;
+    <a href='class_index.html' title='Index'>Index</a>
+    &raquo;
+    <span class='title'>LICENSE</span>
+    <nav>
+      <ul>
+        <li class='noframes'>
+          (<a class='noframes' href='#'>no frames</a>)
+        </li>
+      </ul>
+    </nav>
+    <div id='search'>
+      <a id='class_list_link' href='class_list.html'>Classes</a>
+      <a id='file_list_link' href='file_list.html'>Files</a>
+      <a id='method_list_link' href='method_list.html'>Methods</a>
+      <a id='extra_list_link' href='extra_list.html'>Extras</a>
+    </div>
+  </div>
+  <iframe id='search_frame'></iframe>
+  <div id='fuzzySearch'>
+    <input type='text'>
+    <ol></ol>
+  </div>
+  <div id='help'>
+    <p>
+      Quickly fuzzy find classes, mixins, methods, file:
+    </p>
+    <ul>
+      <li>
+        <span>Ctrl-T</span>
+        Open fuzzy finder dialog
+      </li>
+    </ul>
+    <p>
+      In frame mode you can toggle the list naviation frame on the left side:
+    </p>
+    <ul>
+      <li>
+        <span>Ctrl-L</span>
+        Toggle list view
+      </li>
+    </ul>
+    <p>
+      You can focus a list in frame mode or toggle a tab in frameless mode:
+    </p>
+    <ul>
+      <li>
+        <span>Ctrl-C</span>
+        Class list
+      </li>
+      <li>
+        <span>Ctrl-I</span>
+        Mixin list
+      </li>
+      <li>
+        <span>Ctrl-F</span>
+        File list
+      </li>
+      <li>
+        <span>Ctrl-M</span>
+        Method list
+      </li>
+      <li>
+        <span>Ctrl-E</span>
+        Extras list
+      </li>
+    </ul>
+    <p>
+      You can focus and blur the search input:
+    </p>
+    <ul>
+      <li>
+        <span>Ctrl-S</span>
+        Focus search input
+      </li>
+      <li>
+        <span>Esc</span>
+        Blur search input
+      </li>
+    </ul>
+    <p>
+      In frameless mode you can close the list tab:
+    </p>
+    <ul>
+      <li>
+        <span>Esc</span>
+        Close list tab
+      </li>
+    </ul>
+  </div>
+</div>
+    <div id='content'>
+      <nav class='toc'>
+        <p class='title'>
+          <a class='hide_toc' href='#'>
+            <strong>Table of Contents</strong>
+          </a>
+          <small>
+            (<a class='float_toc' href='#'>left</a>)
+          </small>
+        </p>
+      </nav>
+      <div id='filecontents'>
+        Copyright (c) 2012 TODO: The Beans Group LTD
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+      </div>
+    </div>
+    <div id='footer'>
+  Generated on
+  Thu Mar 14 2013 13:49:05 GMT+0000 (GMT)
+  by
+  <a href='https://github.com/netzpirat/codo' title='CoffeeScript API documentation generator'>Codo</a>
+  v1.5.6
+  (Node.js v0.8.8).
+  &#10034;
+  Press Ctrl-h to see the keyboard shortcuts
+  &#10034;
+  <a href='http://twitter.com/#!/netzpirat'>@netzpirat</a>
+  &#10034;
+  <a href='https://mksoft.ch'>mksoft.ch</a>
+</div>
+  </body>
+</html>