Foundation is now functional
This commit is contained in:
parent
25664fe55d
commit
5681ff1dc5
@ -2,6 +2,7 @@
|
||||
#= require jquery_ujs
|
||||
#= require jquery.turbolinks
|
||||
#= require turbolinks
|
||||
#= require foundation
|
||||
|
||||
# FRONT END
|
||||
|
||||
@ -29,3 +30,7 @@ stopSpinner = ->
|
||||
# Turbolinks Spinner
|
||||
document.addEventListener 'page:fetch', startSpinner
|
||||
document.addEventListener 'page:receive', stopSpinner
|
||||
|
||||
# $(function(){ $(document).foundation(); });
|
||||
$ ->
|
||||
$(document).foundation();
|
||||
|
@ -13,4 +13,6 @@
|
||||
*= require_tree .
|
||||
*/
|
||||
|
||||
//@include "stubs/variables_overrides.css.scss";
|
||||
@import "compass";
|
||||
@import "foundation_and_overrides.scss";
|
||||
@import "foundation";
|
||||
|
1327
app/assets/stylesheets/foundation_and_overrides.scss
Normal file
1327
app/assets/stylesheets/foundation_and_overrides.scss
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,6 +1,5 @@
|
||||
- title t('hello')
|
||||
%h1
|
||||
%i.icon-ticket
|
||||
Ticket to Ride
|
||||
%p.lead.muted
|
||||
Ruby 2 + Rails 4.0.0 + Bootstrap 2.3.2 + Font Awesome 3.2.1
|
||||
Ruby 2 + Rails 4.0.0 + Foundation
|
||||
|
@ -1,4 +1,127 @@
|
||||
.navbar.navbar-fixed-top
|
||||
.navbar-inner
|
||||
.container
|
||||
= link_to Rails.application.class.parent_name, root_path, class: 'brand'
|
||||
//.navbar.navbar-fixed-top
|
||||
// .navbar-inner
|
||||
// .container
|
||||
// = link_to Rails.application.class.parent_name, root_path, class: 'brand'
|
||||
|
||||
%nav.top-bar
|
||||
%ul.title-area
|
||||
/ Title Area
|
||||
%li.name
|
||||
%h1
|
||||
%a{href: "#"} Top Bar Title
|
||||
/ Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone
|
||||
%li.toggle-topbar.menu-icon
|
||||
%a{href: "#"}
|
||||
%span Menu
|
||||
%section.top-bar-section
|
||||
/ Left Nav Section
|
||||
%ul.left
|
||||
%li.divider
|
||||
%li.active
|
||||
%a{href: "#"} Main Item 1
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Main Item 2
|
||||
%li.divider
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Main Item 3
|
||||
%ul.dropdown
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 1a
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 2 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2b
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 2c
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 3 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3b
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3c
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2f
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1c
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1f
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} See all →
|
||||
%li.divider
|
||||
/ Right Nav Section
|
||||
%ul.right
|
||||
%li.divider.hide-for-small
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Main Item 4
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 1 Label
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 1a
|
||||
%ul.dropdown
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2b
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 2c
|
||||
%ul.dropdown
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3c
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2f
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1c
|
||||
%li.divider
|
||||
%li
|
||||
%label Dropdown Level 1 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1f
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} See all →
|
||||
%li.divider
|
||||
%li.has-form
|
||||
%form
|
||||
.row.collapse
|
||||
.small-8.columns
|
||||
%input{type: "text"}/
|
||||
.small-4.columns
|
||||
%a.alert.button{href: "#"} Search
|
||||
%li.divider.show-for-small
|
||||
%li.has-form
|
||||
%a.button{href: "#"} Button!
|
||||
|
Loading…
x
Reference in New Issue
Block a user