groundworkcss-rails 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. data/lib/groundworkcss/rails/version.rb +1 -1
  2. data/lib/groundworkcss/rails/version.rb~ +1 -1
  3. data/vendor/assets/javascripts/groundwork-hook.js +1 -1
  4. data/vendor/assets/javascripts/groundworkcss/groundwork.all.js +654 -0
  5. data/vendor/assets/javascripts/groundworkcss/groundwork.js +1 -430
  6. data/vendor/assets/javascripts/groundworkcss/plugins/jquery.tooltip.js +1 -1
  7. data/vendor/assets/stylesheets/groundworkcss-scss/_classes.scss +72 -78
  8. data/vendor/assets/stylesheets/groundworkcss-scss/_helpers.scss +78 -0
  9. data/vendor/assets/stylesheets/groundworkcss-scss/_mixins.scss +40 -0
  10. data/vendor/assets/stylesheets/groundworkcss-scss/_reset.scss +2 -3
  11. data/vendor/assets/stylesheets/groundworkcss-scss/_responsive.scss +26 -9
  12. data/vendor/assets/stylesheets/groundworkcss-scss/_tabs.scss +1 -1
  13. data/vendor/assets/stylesheets/groundworkcss-scss/_typography.scss +6 -6
  14. data/vendor/assets/stylesheets/groundworkcss-scss/groundwork.scss +9 -4
  15. metadata +296 -319
  16. data/app/helpers/breadcrumbs_helper.rb~ +0 -5
  17. data/app/helpers/flash_block_helper.rb~ +0 -18
  18. data/app/helpers/flash_helper.rb~ +0 -21
  19. data/app/helpers/groundwork_flash_helper.rb~ +0 -21
  20. data/app/helpers/modal_helper.rb~ +0 -42
  21. data/app/helpers/social_glyph_helper.rb~ +0 -12
  22. data/lib/generators/groundworkcss/install/install_generator.rb~ +0 -44
  23. data/lib/generators/groundworkcss/install/templates/application.css.scss~ +0 -8
  24. data/lib/generators/groundworkcss/install/templates/application.css~ +0 -7
  25. data/lib/generators/groundworkcss/install/templates/application.js~ +0 -10
  26. data/lib/generators/groundworkcss/install/templates/groundwork-and-overrides.scss~ +0 -12
  27. data/lib/generators/groundworkcss/install/templates/groundwork-overrides.scss~ +0 -7
  28. data/lib/generators/groundworkcss/install/templates/groundwork.coffee~ +0 -0
  29. data/lib/generators/groundworkcss/install/templates/groundwork.js~ +0 -1
  30. data/lib/generators/groundworkcss/layout/layout_generator.rb~ +0 -21
  31. data/lib/generators/groundworkcss/layout/templates/_header.html.erb~ +0 -24
  32. data/lib/generators/groundworkcss/layout/templates/_sidebar.html.erb~ +0 -18
  33. data/lib/generators/groundworkcss/layout/templates/layout.html.erb~ +0 -44
  34. data/lib/groundworkcss/rails/bootstrap.rb~ +0 -2
  35. data/lib/groundworkcss/rails/engine.rb~ +0 -30
  36. data/lib/twitter-bootstrap-rails.rb~ +0 -10
  37. data/vendor/assets/javascripts/groundwork.js~ +0 -8
  38. data/vendor/assets/javascripts/groundworkcss/groundwork.js~ +0 -7
  39. data/vendor/assets/stylesheets/groundworkcss-scss/_font-awesome.scss~ +0 -534
  40. data/vendor/assets/stylesheets/groundworkcss-scss/_social-icons.scss~ +0 -92
@@ -1,5 +0,0 @@
1
- module TwitterBreadcrumbsHelper
2
- def render_breadcrumbs(divider = '/')
3
- render :partial => 'twitter-bootstrap/breadcrumbs', :locals => { :divider => divider }
4
- end
5
- end
@@ -1,18 +0,0 @@
1
- module FlashBlockHelper
2
- def flash_block
3
- output = ''
4
- flash.each do |type, message|
5
- output += flash_container(type, message)
6
- end
7
-
8
- raw(output)
9
- end
10
-
11
- def flash_container(type, message)
12
- # Types: important, success, warning, error
13
- #<p class="warning message">This is a warning message.</p>
14
- raw(content_tag(:p, :class => "message #{type}") do
15
- message
16
- end)
17
- end
18
- end
@@ -1,21 +0,0 @@
1
- module GroundworkFlashHelper
2
- ALERT_TYPES = [:error, :success, :warning]
3
-
4
- def groundwork_flash
5
- flash_messages = []
6
- flash.each do |type, message|
7
- next if message.blank?
8
-
9
- type = :success if type == :notice
10
- type = :error if type == :alert
11
- next unless ALERT_TYPES.include?(type)
12
-
13
- Array(message).each do |msg|
14
- text = content_tag(:p,
15
- msg.html_safe, :class => "message #{type}")
16
- flash_messages << text if message
17
- end
18
- end
19
- flash_messages.join("\n").html_safe
20
- end
21
- end
@@ -1,21 +0,0 @@
1
- module GroundworkFlashHelper
2
- ALERT_TYPES = [:error, :success, :warning]
3
-
4
- def bootstrap_flash
5
- flash_messages = []
6
- flash.each do |type, message|
7
- next if message.blank?
8
-
9
- type = :success if type == :notice
10
- type = :error if type == :alert
11
- next unless ALERT_TYPES.include?(type)
12
-
13
- Array(message).each do |msg|
14
- text = content_tag(:p,
15
- msg.html_safe, :class => "message #{type}")
16
- flash_messages << text if message
17
- end
18
- end
19
- flash_messages.join("\n").html_safe
20
- end
21
- end
@@ -1,42 +0,0 @@
1
- module ModalHelper
2
- def modal_dialog(options = {}, escape = true, &block)
3
- default_options = {:class => "bootstrap-modal modal"}
4
- content_tag :div, nil, options.merge(default_options), escape, &block
5
- end
6
-
7
- def modal_header(options = {}, escape = true, &block)
8
- default_options = {:class => 'modal-header'}
9
- content_tag :div, nil, options.merge(default_options), escape do
10
- raw("<button class=\"close\" data-dismiss=\"modal\">&times;</button>" + capture(&block))
11
- end
12
- end
13
-
14
- def modal_body(options = {}, escape = true, &block)
15
- default_options = {:class => 'modal-body'}
16
- content_tag :div, nil, options.merge(default_options), escape, &block
17
- end
18
-
19
- def modal_footer(options = {}, escape = true, &block)
20
- default_options = {:class => 'modal-footer'}
21
- content_tag :div, nil, options.merge(default_options), escape, &block
22
- end
23
-
24
- def modal_toggle(content_or_options = nil, options = {}, &block)
25
- if block_given?
26
- options = content_or_options if content_or_options.is_a?(Hash)
27
- default_options = {:class => 'btn', "data-toggle" => "modal", "href" => options[:dialog]}.merge(options)
28
-
29
- content_tag :a, nil, default_options, true, &block
30
- else
31
- default_options = {:class => 'btn', "data-toggle" => "modal", "href" => options[:dialog]}.merge(options)
32
- content_tag :a, content_or_options, default_options, true
33
- end
34
- end
35
-
36
- def modal_cancel_button content, options = {}
37
- default_options = {:class => "btn bootstrap-modal-cancel-button"}
38
-
39
- content_tag_string "a", content, default_options.merge(options)
40
- end
41
- end
42
-
@@ -1,12 +0,0 @@
1
- module SocialGlyphHelper
2
- # ==== Examples
3
- # social_glyph(:dropbox, :large)
4
- # # => <i class="social-icon dropbox large"></i>
5
- # social_glyph(:dropbox)
6
- # # => <i class="social-icon dropbox"></i>
7
-
8
- def social_glyph(icon, size)
9
- content_tag :i, nil, :class => "social-icon #{icon} #{size unless size.nil?}"
10
- end
11
- end
12
-
@@ -1,44 +0,0 @@
1
- require 'rails/generators'
2
-
3
- module Groundworkcss
4
- module Generators
5
- class InstallGenerator < ::Rails::Generators::Base
6
-
7
- source_root File.expand_path("../templates", __FILE__)
8
- desc "This generator installs GroundworkCSS to Asset Pipeline"
9
- argument :stylesheets_type, :type => :string, :default => 'less', :banner => '*less or static'
10
-
11
- def add_assets
12
-
13
- if File.exist?('app/assets/javascripts/application.js')
14
- insert_into_file "app/assets/javascripts/application.js", "//= require groundwork\n", :after => "jquery_ujs\n"
15
- else
16
- copy_file "application.js", "app/assets/javascripts/application.js"
17
- end
18
-
19
- if File.exist?('app/assets/stylesheets/application.css')
20
- style_require_block = " *= require groundwork-and-overrides\n"
21
- insert_into_file "app/assets/stylesheets/application.css", style_require_block, :after => "require_self\n"
22
- else
23
- copy_file "application.css", "app/assets/stylesheets/application.css"
24
- end
25
-
26
- copy_file "groundwork-and-overrides.scss", "app/assets/stylesheets/groundwork-and-overrides.scss"
27
-
28
- end
29
-
30
- def add_javascript
31
- if use_coffeescript?
32
- copy_file "groundwork.coffee", "app/assets/javascripts/groundwork.js.coffee"
33
- else
34
- copy_file "groundwork.js", "app/assets/javascripts/groundwork.js"
35
- end
36
- end
37
-
38
- private
39
- def use_coffeescript?
40
- ::Rails.configuration.app_generators.rails[:javascript_engine] == :coffee
41
- end
42
- end
43
- end
44
- end
@@ -1,8 +0,0 @@
1
- /*
2
- * This is a manifest file that'll automatically include all the stylesheets available in this directory
3
- * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4
- * the top of the compiled file, but it's generally better to create a new file per style scope.
5
- *= require_self
6
- *= require groundworkscss/groundwork
7
- *= require_tree .
8
- */
@@ -1,7 +0,0 @@
1
- /*
2
- * This is a manifest file that'll automatically include all the stylesheets available in this directory
3
- * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4
- * the top of the compiled file, but it's generally better to create a new file per style scope.
5
- *= require_self
6
- *= require_tree .
7
- */
@@ -1,10 +0,0 @@
1
- // This is a manifest file that'll be compiled into including all the files listed below.
2
- // Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
3
- // be included in the compiled file accessible from http://example.com/assets/application.js
4
- // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
5
- // the compiled file.
6
- //
7
- //= require jquery
8
- //= require jquery_ujs
9
- //= require twitter/bootstrap
10
- //= require_tree .
@@ -1,12 +0,0 @@
1
- $socialPath: "../assets/groundworkcss/social-icons" !default;
2
- $fontAwesomePath: "../assets/groundworkcss" !default;
3
-
4
- @import "groundworkcss-scss/groundwork";
5
-
6
- body {
7
- background: url("pw_maze_white.png");
8
- }
9
-
10
- header{
11
- background: white;
12
- }
@@ -1,7 +0,0 @@
1
- body {
2
- background: url("pw_maze_white.png");
3
- }
4
-
5
- header{
6
- background: white;
7
- }
@@ -1,21 +0,0 @@
1
- require 'rails/generators'
2
-
3
- module Groundworkcss
4
- module Generators
5
- class LayoutGenerator < ::Rails::Generators::Base
6
- source_root File.expand_path("../templates", __FILE__)
7
- desc "This generator generates layout file with navigation."
8
- argument :layout_name, :type => :string, :default => "application"
9
- attr_reader :app_name, :container_class
10
-
11
- def generate_layout
12
- app = ::Rails.application
13
- @app_name = app.class.to_s.split("::").first
14
- ext = app.config.generators.options[:rails][:template_engine] || :erb
15
- template "layout.html.#{ext}", "app/views/layouts/#{layout_name}.html.#{ext}"
16
- copy_file "_sidebar.html.#{ext}", "app/views/layouts/_sidebar.html.#{ext}"
17
- copy_file "_header.html.#{ext}", "app/views/layouts/_sidebar.html.#{ext}"
18
- end
19
- end
20
- end
21
- end
@@ -1,24 +0,0 @@
1
- <header class="white band padded">
2
- <div class="container pad-top">
3
- <div class="row">
4
- <div class="one third padded">
5
-
6
- <h1 class="responsive">
7
- <a href="#">
8
- <%= ::Rails.application.class.to_s.split("::").first %>
9
- </a>
10
- </h1>
11
-
12
- </div>
13
- <div class="two thirds padded">
14
- <nav class="inline pull-right pad-top">
15
- <ul>
16
- <li><a href="#">Link 1</a></li>
17
- <li><a href="#">Link 2</a></li>
18
- <li><a href="#">Link 3</a></li>
19
- </ul>
20
- </nav>
21
- </div>
22
- </div>
23
- </div>
24
- </header>
@@ -1,18 +0,0 @@
1
- <% if content_for?(:nav) || content_for?(:sidebar)%>
2
- <aside class="one fifth padded border-right">
3
- <% if content_for? :nav %>
4
- <h3>Navigation</h3>
5
- <nav>
6
- <ul>
7
- <%= yield :nav%>
8
- </ul>
9
- </nav>
10
- <%end%>
11
-
12
- <br/>
13
-
14
- <% if content_for? :sidebar%>
15
- <%= yield :sidebar%>
16
- <%end%>
17
- </aside>
18
- <%end%>
@@ -1,44 +0,0 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
6
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
- <title><%%= content_for?(:title) ? yield(:title) : "<%= app_name %>" %></title>
8
- <%%= csrf_meta_tags %>
9
-
10
- <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
11
- <!--[if lt IE 9]>
12
- <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js" type="text/javascript"></script>
13
- <![endif]-->
14
- <%%= stylesheet_link_tag "application", :media => "all" %>
15
- </head>
16
- <body>
17
-
18
- <%%= render :partial => "layouts/header"%>
19
-
20
- <div class="container">
21
- <div class="row">
22
- <%%= render :partial => "layouts/sidebar"%>
23
-
24
- <section class="
25
- <%%if content_for?(:sidebar) || content_for?(:nav)%>
26
- four fifths
27
- <%%end%>
28
- padded">
29
-
30
- <%%= groundwork_flash %>
31
-
32
- <%%= yield %>
33
-
34
- </section>
35
- </div>
36
-
37
- <footer class="footer align-center">
38
- <p>&copy; Company 2013</p>
39
- </footer>
40
-
41
- </div> <!-- /container -->
42
- <%%= javascript_include_tag "application" %>
43
- </body>
44
- </html>
@@ -1,2 +0,0 @@
1
- require "twitter/bootstrap/rails/engine"
2
- require "twitter/bootstrap/rails/version"
@@ -1,30 +0,0 @@
1
- require 'rails'
2
-
3
- require File.dirname(__FILE__) + '/../../../app/helpers/flash_block_helper.rb'
4
- require File.dirname(__FILE__) + '/../../../app/helpers/glyph_helper.rb'
5
- require File.dirname(__FILE__) + '/../../../app/helpers/social_glyph_helper.rb'
6
-
7
- module Groundworkcss
8
- module Rails
9
- class Engine < ::Rails::Engine
10
- initializer 'groundworkcss-rails.setup',
11
- :after => 'less-rails.after.load_config_initializers',
12
- :group => :all do |app|
13
- if defined?(Less)
14
- app.config.less.paths << File.join(config.root, 'vendor', 'toolkit')
15
- end
16
- end
17
-
18
- initializer 'groundworkcss-rails.setup_helpers' do |app|
19
- app.config.to_prepare do
20
- ActionController::Base.send :include, BreadCrumbs
21
- ActionController::Base.send :helper, FlashBlockHelper
22
- ActionController::Base.send :helper, ModalHelper
23
- ActionController::Base.send :helper, GlyphHelper
24
- ActionController::Base.send :helper, SocialGlyphHelper
25
- #ActionController::Base.send :helper_method, :render_breadcrumbs
26
- end
27
- end
28
- end
29
- end
30
- end
@@ -1,10 +0,0 @@
1
- module Twitter
2
- module Bootstrap
3
- module Rails
4
- require 'twitter/bootstrap/rails/engine' if defined?(Rails)
5
- end
6
- end
7
- end
8
-
9
- #require 'less-rails'
10
- require 'twitter/bootstrap/rails/bootstrap' if defined?(Rails)
@@ -1,8 +0,0 @@
1
- //= require_tree ./libs
2
- //= require ./plugins/jquery.modals.js
3
- //= require ./plugins/jquery.orbit-1.4.0.js
4
- //= require ./plugins/jquery.popover.js
5
- //= require ./plugins/jquery.responsiveTables.js
6
- //= require ./plugins/jquery.responsiveText.js
7
- //= require ./plugins/jquery.tooltip.js
8
- //= require ./groundwork_ujs.js
@@ -1,7 +0,0 @@
1
- //= require_tree ./libs
2
- //= require ./plugins/jquery.modals.js
3
- //= require ./plugins/jquery.orbit-1.4.0.js
4
- //= require ./plugins/jquery.popover.js
5
- //= require ./plugins/jquery.responsiveTables.js
6
- //= require ./plugins/jquery.responsiveText.js
7
- //= require ./plugins/jquery.tooltip.js
@@ -1,534 +0,0 @@
1
- /*!
2
- * Font Awesome 3.0.2
3
- * the iconic font designed for use with Twitter Bootstrap
4
- * -------------------------------------------------------
5
- * The full suite of pictographic icons, examples, and documentation
6
- * can be found at: http://fortawesome.github.com/Font-Awesome/
7
- *
8
- * License
9
- * -------------------------------------------------------
10
- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
11
- * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
12
- * http://opensource.org/licenses/mit-license.html
13
- * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
14
- * - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
15
- * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
16
- *
17
- * Contact
18
- * -------------------------------------------------------
19
- * Email: dave@davegandy.com
20
- * Twitter: http://twitter.com/fortaweso_me
21
- * Work: Lead Product Designer @ http://kyruus.com
22
- */
23
-
24
- $fontAwesomePath: "../font" !default;
25
- $borderColor: #eee;
26
- $iconMuted: #eee;
27
- @mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; border-radius: $radius; }
28
-
29
-
30
- @font-face {
31
- font-family: 'FontAwesome';
32
- src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?v=3.0.1');
33
- src: url('#{$fontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format("embedded-opentype"),
34
- url('#{$fontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format("woff"),
35
- url('#{$fontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format("truetype");
36
- font-weight: normal;
37
- font-style: normal;
38
- }
39
-
40
- /* Font Awesome styles
41
- ------------------------------------------------------- */
42
- [class^="icon-"],
43
- [class*=" icon-"] {
44
- font-family: FontAwesome;
45
- font-weight: normal;
46
- font-style: normal;
47
- text-decoration: inherit;
48
- -webkit-font-smoothing: antialiased;
49
-
50
- /* sprites.less reset */
51
- display: inline;
52
- width: auto;
53
- height: auto;
54
- line-height: normal;
55
- vertical-align: baseline;
56
- background-image: none;
57
- background-position: 0% 0%;
58
- background-repeat: repeat;
59
- margin-top: 0;
60
- }
61
-
62
- /* more sprites.less reset */
63
- .icon-white,
64
- .nav-pills > .active > a > [class^="icon-"],
65
- .nav-pills > .active > a > [class*=" icon-"],
66
- .nav-list > .active > a > [class^="icon-"],
67
- .nav-list > .active > a > [class*=" icon-"],
68
- .navbar-inverse .nav > .active > a > [class^="icon-"],
69
- .navbar-inverse .nav > .active > a > [class*=" icon-"],
70
- .dropdown-menu > li > a:hover > [class^="icon-"],
71
- .dropdown-menu > li > a:hover > [class*=" icon-"],
72
- .dropdown-menu > .active > a > [class^="icon-"],
73
- .dropdown-menu > .active > a > [class*=" icon-"],
74
- .dropdown-submenu:hover > a > [class^="icon-"],
75
- .dropdown-submenu:hover > a > [class*=" icon-"] {
76
- background-image: none;
77
- }
78
-
79
- [class^="icon-"]:before,
80
- [class*=" icon-"]:before {
81
- text-decoration: inherit;
82
- display: inline-block;
83
- speak: none;
84
- }
85
-
86
- /* makes sure icons active on rollover in links */
87
- a {
88
- [class^="icon-"],
89
- [class*=" icon-"] {
90
- display: inline-block;
91
- }
92
- }
93
-
94
- /* makes the font 33% larger relative to the icon container */
95
- .icon-large:before {
96
- vertical-align: -10%;
97
- font-size: 1.3333333333333333em;
98
- }
99
-
100
- .btn, .nav {
101
- [class^="icon-"],
102
- [class*=" icon-"] {
103
- display: inline;
104
- /* keeps button heights with and without icons the same */
105
- &.icon-large { line-height: .9em; }
106
- &.icon-spin { display: inline-block; }
107
- }
108
- }
109
-
110
- .nav-tabs, .nav-pills {
111
- [class^="icon-"],
112
- [class*=" icon-"] {
113
- /* keeps button heights with and without icons the same */
114
- &, &.icon-large { line-height: .9em; }
115
- }
116
- }
117
-
118
- li, .nav li {
119
- [class^="icon-"],
120
- [class*=" icon-"] {
121
- display: inline-block;
122
- width: 1.25em;
123
- text-align: center;
124
- &.icon-large {
125
- /* increased font size for icon-large */
126
- width: 1.5625em;
127
- }
128
- }
129
- }
130
-
131
- ul.icons {
132
- list-style-type: none;
133
- text-indent: -.75em;
134
-
135
- li {
136
- [class^="icon-"],
137
- [class*=" icon-"] {
138
- width: .75em;
139
- }
140
- }
141
- }
142
-
143
- .icon-muted {
144
- color: $iconMuted;
145
- }
146
-
147
- // Icon Borders
148
- // -------------------------
149
-
150
- .icon-border {
151
- border: solid 1px $borderColor;
152
- padding: .2em .25em .15em;
153
- @include border-radius(3px);
154
- }
155
-
156
- // Icon Sizes
157
- // -------------------------
158
-
159
- .icon-2x {
160
- font-size: 2em;
161
- &.icon-border {
162
- border-width: 2px;
163
- @include border-radius(4px);
164
- }
165
- }
166
- .icon-3x {
167
- font-size: 3em;
168
- &.icon-border {
169
- border-width: 3px;
170
- @include border-radius(5px);
171
- }
172
- }
173
- .icon-4x {
174
- font-size: 4em;
175
- &.icon-border {
176
- border-width: 4px;
177
- @include border-radius(6px);
178
- }
179
- }
180
-
181
- // Floats
182
- // -------------------------
183
-
184
- // Quick floats
185
- .pull-right { float: right; }
186
- .pull-left { float: left; }
187
-
188
- [class^="icon-"],
189
- [class*=" icon-"] {
190
- &.pull-left {
191
- margin-right: .3em;
192
- }
193
- &.pull-right {
194
- margin-left: .3em;
195
- }
196
- }
197
-
198
- .btn {
199
- [class^="icon-"],
200
- [class*=" icon-"] {
201
- &.pull-left, &.pull-right {
202
- &.icon-2x { margin-top: .18em; }
203
- }
204
- &.icon-spin.icon-large { line-height: .8em; }
205
- }
206
- }
207
-
208
- .btn.btn-small {
209
- [class^="icon-"],
210
- [class*=" icon-"] {
211
- &.pull-left, &.pull-right {
212
- &.icon-2x { margin-top: .25em; }
213
- }
214
- }
215
- }
216
-
217
- .btn.btn-large {
218
- [class^="icon-"],
219
- [class*=" icon-"] {
220
- margin-top: 0; // overrides bootstrap default
221
- &.pull-left, &.pull-right {
222
- &.icon-2x { margin-top: .05em; }
223
- }
224
- &.pull-left.icon-2x { margin-right: .2em; }
225
- &.pull-right.icon-2x { margin-left: .2em; }
226
- }
227
- }
228
-
229
-
230
- .icon-spin {
231
- display: inline-block;
232
- -moz-animation: spin 2s infinite linear;
233
- -o-animation: spin 2s infinite linear;
234
- -webkit-animation: spin 2s infinite linear;
235
- animation: spin 2s infinite linear;
236
- }
237
-
238
- @-moz-keyframes spin {
239
- 0% { -moz-transform: rotate(0deg); }
240
- 100% { -moz-transform: rotate(359deg); }
241
- }
242
- @-webkit-keyframes spin {
243
- 0% { -webkit-transform: rotate(0deg); }
244
- 100% { -webkit-transform: rotate(359deg); }
245
- }
246
- @-o-keyframes spin {
247
- 0% { -o-transform: rotate(0deg); }
248
- 100% { -o-transform: rotate(359deg); }
249
- }
250
- @-ms-keyframes spin {
251
- 0% { -ms-transform: rotate(0deg); }
252
- 100% { -ms-transform: rotate(359deg); }
253
- }
254
- @keyframes spin {
255
- 0% { transform: rotate(0deg); }
256
- 100% { transform: rotate(359deg); }
257
- }
258
-
259
- @-moz-document url-prefix() {
260
- .icon-spin { height: .9em; }
261
- .btn .icon-spin { height: auto; }
262
- .icon-spin.icon-large { height: 1.25em; }
263
- .btn .icon-spin.icon-large { height: .75em; }
264
- }
265
-
266
- /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
267
- readers do not read off random characters that represent icons */
268
- .icon-glass:before { content: "\f000"; }
269
- .icon-music:before { content: "\f001"; }
270
- .icon-search:before { content: "\f002"; }
271
- .icon-envelope:before { content: "\f003"; }
272
- .icon-heart:before { content: "\f004"; }
273
- .icon-star:before { content: "\f005"; }
274
- .icon-star-empty:before { content: "\f006"; }
275
- .icon-user:before { content: "\f007"; }
276
- .icon-film:before { content: "\f008"; }
277
- .icon-th-large:before { content: "\f009"; }
278
- .icon-th:before { content: "\f00a"; }
279
- .icon-th-list:before { content: "\f00b"; }
280
- .icon-ok:before { content: "\f00c"; }
281
- .icon-remove:before { content: "\f00d"; }
282
- .icon-zoom-in:before { content: "\f00e"; }
283
-
284
- .icon-zoom-out:before { content: "\f010"; }
285
- .icon-off:before { content: "\f011"; }
286
- .icon-signal:before { content: "\f012"; }
287
- .icon-cog:before { content: "\f013"; }
288
- .icon-trash:before { content: "\f014"; }
289
- .icon-home:before { content: "\f015"; }
290
- .icon-file:before { content: "\f016"; }
291
- .icon-time:before { content: "\f017"; }
292
- .icon-road:before { content: "\f018"; }
293
- .icon-download-alt:before { content: "\f019"; }
294
- .icon-download:before { content: "\f01a"; }
295
- .icon-upload:before { content: "\f01b"; }
296
- .icon-inbox:before { content: "\f01c"; }
297
- .icon-play-circle:before { content: "\f01d"; }
298
- .icon-repeat:before { content: "\f01e"; }
299
-
300
- /* \f020 doesn't work in Safari. all shifted one down */
301
- .icon-refresh:before { content: "\f021"; }
302
- .icon-list-alt:before { content: "\f022"; }
303
- .icon-lock:before { content: "\f023"; }
304
- .icon-flag:before { content: "\f024"; }
305
- .icon-headphones:before { content: "\f025"; }
306
- .icon-volume-off:before { content: "\f026"; }
307
- .icon-volume-down:before { content: "\f027"; }
308
- .icon-volume-up:before { content: "\f028"; }
309
- .icon-qrcode:before { content: "\f029"; }
310
- .icon-barcode:before { content: "\f02a"; }
311
- .icon-tag:before { content: "\f02b"; }
312
- .icon-tags:before { content: "\f02c"; }
313
- .icon-book:before { content: "\f02d"; }
314
- .icon-bookmark:before { content: "\f02e"; }
315
- .icon-print:before { content: "\f02f"; }
316
-
317
- .icon-camera:before { content: "\f030"; }
318
- .icon-font:before { content: "\f031"; }
319
- .icon-bold:before { content: "\f032"; }
320
- .icon-italic:before { content: "\f033"; }
321
- .icon-text-height:before { content: "\f034"; }
322
- .icon-text-width:before { content: "\f035"; }
323
- .icon-align-left:before { content: "\f036"; }
324
- .icon-align-center:before { content: "\f037"; }
325
- .icon-align-right:before { content: "\f038"; }
326
- .icon-align-justify:before { content: "\f039"; }
327
- .icon-list:before { content: "\f03a"; }
328
- .icon-indent-left:before { content: "\f03b"; }
329
- .icon-indent-right:before { content: "\f03c"; }
330
- .icon-facetime-video:before { content: "\f03d"; }
331
- .icon-picture:before { content: "\f03e"; }
332
-
333
- .icon-pencil:before { content: "\f040"; }
334
- .icon-map-marker:before { content: "\f041"; }
335
- .icon-adjust:before { content: "\f042"; }
336
- .icon-tint:before { content: "\f043"; }
337
- .icon-edit:before { content: "\f044"; }
338
- .icon-share:before { content: "\f045"; }
339
- .icon-check:before { content: "\f046"; }
340
- .icon-move:before { content: "\f047"; }
341
- .icon-step-backward:before { content: "\f048"; }
342
- .icon-fast-backward:before { content: "\f049"; }
343
- .icon-backward:before { content: "\f04a"; }
344
- .icon-play:before { content: "\f04b"; }
345
- .icon-pause:before { content: "\f04c"; }
346
- .icon-stop:before { content: "\f04d"; }
347
- .icon-forward:before { content: "\f04e"; }
348
-
349
- .icon-fast-forward:before { content: "\f050"; }
350
- .icon-step-forward:before { content: "\f051"; }
351
- .icon-eject:before { content: "\f052"; }
352
- .icon-chevron-left:before { content: "\f053"; }
353
- .icon-chevron-right:before { content: "\f054"; }
354
- .icon-plus-sign:before { content: "\f055"; }
355
- .icon-minus-sign:before { content: "\f056"; }
356
- .icon-remove-sign:before { content: "\f057"; }
357
- .icon-ok-sign:before { content: "\f058"; }
358
- .icon-question-sign:before { content: "\f059"; }
359
- .icon-info-sign:before { content: "\f05a"; }
360
- .icon-screenshot:before { content: "\f05b"; }
361
- .icon-remove-circle:before { content: "\f05c"; }
362
- .icon-ok-circle:before { content: "\f05d"; }
363
- .icon-ban-circle:before { content: "\f05e"; }
364
-
365
- .icon-arrow-left:before { content: "\f060"; }
366
- .icon-arrow-right:before { content: "\f061"; }
367
- .icon-arrow-up:before { content: "\f062"; }
368
- .icon-arrow-down:before { content: "\f063"; }
369
- .icon-share-alt:before { content: "\f064"; }
370
- .icon-resize-full:before { content: "\f065"; }
371
- .icon-resize-small:before { content: "\f066"; }
372
- .icon-plus:before { content: "\f067"; }
373
- .icon-minus:before { content: "\f068"; }
374
- .icon-asterisk:before { content: "\f069"; }
375
- .icon-exclamation-sign:before { content: "\f06a"; }
376
- .icon-gift:before { content: "\f06b"; }
377
- .icon-leaf:before { content: "\f06c"; }
378
- .icon-fire:before { content: "\f06d"; }
379
- .icon-eye-open:before { content: "\f06e"; }
380
-
381
- .icon-eye-close:before { content: "\f070"; }
382
- .icon-warning-sign:before { content: "\f071"; }
383
- .icon-plane:before { content: "\f072"; }
384
- .icon-calendar:before { content: "\f073"; }
385
- .icon-random:before { content: "\f074"; }
386
- .icon-comment:before { content: "\f075"; }
387
- .icon-magnet:before { content: "\f076"; }
388
- .icon-chevron-up:before { content: "\f077"; }
389
- .icon-chevron-down:before { content: "\f078"; }
390
- .icon-retweet:before { content: "\f079"; }
391
- .icon-shopping-cart:before { content: "\f07a"; }
392
- .icon-folder-close:before { content: "\f07b"; }
393
- .icon-folder-open:before { content: "\f07c"; }
394
- .icon-resize-vertical:before { content: "\f07d"; }
395
- .icon-resize-horizontal:before { content: "\f07e"; }
396
-
397
- .icon-bar-chart:before { content: "\f080"; }
398
- .icon-twitter-sign:before { content: "\f081"; }
399
- .icon-facebook-sign:before { content: "\f082"; }
400
- .icon-camera-retro:before { content: "\f083"; }
401
- .icon-key:before { content: "\f084"; }
402
- .icon-cogs:before { content: "\f085"; }
403
- .icon-comments:before { content: "\f086"; }
404
- .icon-thumbs-up:before { content: "\f087"; }
405
- .icon-thumbs-down:before { content: "\f088"; }
406
- .icon-star-half:before { content: "\f089"; }
407
- .icon-heart-empty:before { content: "\f08a"; }
408
- .icon-signout:before { content: "\f08b"; }
409
- .icon-linkedin-sign:before { content: "\f08c"; }
410
- .icon-pushpin:before { content: "\f08d"; }
411
- .icon-external-link:before { content: "\f08e"; }
412
-
413
- .icon-signin:before { content: "\f090"; }
414
- .icon-trophy:before { content: "\f091"; }
415
- .icon-github-sign:before { content: "\f092"; }
416
- .icon-upload-alt:before { content: "\f093"; }
417
- .icon-lemon:before { content: "\f094"; }
418
- .icon-phone:before { content: "\f095"; }
419
- .icon-check-empty:before { content: "\f096"; }
420
- .icon-bookmark-empty:before { content: "\f097"; }
421
- .icon-phone-sign:before { content: "\f098"; }
422
- .icon-twitter:before { content: "\f099"; }
423
- .icon-facebook:before { content: "\f09a"; }
424
- .icon-github:before { content: "\f09b"; }
425
- .icon-unlock:before { content: "\f09c"; }
426
- .icon-credit-card:before { content: "\f09d"; }
427
- .icon-rss:before { content: "\f09e"; }
428
-
429
- .icon-hdd:before { content: "\f0a0"; }
430
- .icon-bullhorn:before { content: "\f0a1"; }
431
- .icon-bell:before { content: "\f0a2"; }
432
- .icon-certificate:before { content: "\f0a3"; }
433
- .icon-hand-right:before { content: "\f0a4"; }
434
- .icon-hand-left:before { content: "\f0a5"; }
435
- .icon-hand-up:before { content: "\f0a6"; }
436
- .icon-hand-down:before { content: "\f0a7"; }
437
- .icon-circle-arrow-left:before { content: "\f0a8"; }
438
- .icon-circle-arrow-right:before { content: "\f0a9"; }
439
- .icon-circle-arrow-up:before { content: "\f0aa"; }
440
- .icon-circle-arrow-down:before { content: "\f0ab"; }
441
- .icon-globe:before { content: "\f0ac"; }
442
- .icon-wrench:before { content: "\f0ad"; }
443
- .icon-tasks:before { content: "\f0ae"; }
444
-
445
- .icon-filter:before { content: "\f0b0"; }
446
- .icon-briefcase:before { content: "\f0b1"; }
447
- .icon-fullscreen:before { content: "\f0b2"; }
448
-
449
- .icon-group:before { content: "\f0c0"; }
450
- .icon-link:before { content: "\f0c1"; }
451
- .icon-cloud:before { content: "\f0c2"; }
452
- .icon-beaker:before { content: "\f0c3"; }
453
- .icon-cut:before { content: "\f0c4"; }
454
- .icon-copy:before { content: "\f0c5"; }
455
- .icon-paper-clip:before { content: "\f0c6"; }
456
- .icon-save:before { content: "\f0c7"; }
457
- .icon-sign-blank:before { content: "\f0c8"; }
458
- .icon-reorder:before { content: "\f0c9"; }
459
- .icon-list-ul:before { content: "\f0ca"; }
460
- .icon-list-ol:before { content: "\f0cb"; }
461
- .icon-strikethrough:before { content: "\f0cc"; }
462
- .icon-underline:before { content: "\f0cd"; }
463
- .icon-table:before { content: "\f0ce"; }
464
-
465
- .icon-magic:before { content: "\f0d0"; }
466
- .icon-truck:before { content: "\f0d1"; }
467
- .icon-pinterest:before { content: "\f0d2"; }
468
- .icon-pinterest-sign:before { content: "\f0d3"; }
469
- .icon-google-plus-sign:before { content: "\f0d4"; }
470
- .icon-google-plus:before { content: "\f0d5"; }
471
- .icon-money:before { content: "\f0d6"; }
472
- .icon-caret-down:before { content: "\f0d7"; }
473
- .icon-caret-up:before { content: "\f0d8"; }
474
- .icon-caret-left:before { content: "\f0d9"; }
475
- .icon-caret-right:before { content: "\f0da"; }
476
- .icon-columns:before { content: "\f0db"; }
477
- .icon-sort:before { content: "\f0dc"; }
478
- .icon-sort-down:before { content: "\f0dd"; }
479
- .icon-sort-up:before { content: "\f0de"; }
480
-
481
- .icon-envelope-alt:before { content: "\f0e0"; }
482
- .icon-linkedin:before { content: "\f0e1"; }
483
- .icon-undo:before { content: "\f0e2"; }
484
- .icon-legal:before { content: "\f0e3"; }
485
- .icon-dashboard:before { content: "\f0e4"; }
486
- .icon-comment-alt:before { content: "\f0e5"; }
487
- .icon-comments-alt:before { content: "\f0e6"; }
488
- .icon-bolt:before { content: "\f0e7"; }
489
- .icon-sitemap:before { content: "\f0e8"; }
490
- .icon-umbrella:before { content: "\f0e9"; }
491
- .icon-paste:before { content: "\f0ea"; }
492
- .icon-lightbulb:before { content: "\f0eb"; }
493
- .icon-exchange:before { content: "\f0ec"; }
494
- .icon-cloud-download:before { content: "\f0ed"; }
495
- .icon-cloud-upload:before { content: "\f0ee"; }
496
-
497
- .icon-user-md:before { content: "\f0f0"; }
498
- .icon-stethoscope:before { content: "\f0f1"; }
499
- .icon-suitcase:before { content: "\f0f2"; }
500
- .icon-bell-alt:before { content: "\f0f3"; }
501
- .icon-coffee:before { content: "\f0f4"; }
502
- .icon-food:before { content: "\f0f5"; }
503
- .icon-file-alt:before { content: "\f0f6"; }
504
- .icon-building:before { content: "\f0f7"; }
505
- .icon-hospital:before { content: "\f0f8"; }
506
- .icon-ambulance:before { content: "\f0f9"; }
507
- .icon-medkit:before { content: "\f0fa"; }
508
- .icon-fighter-jet:before { content: "\f0fb"; }
509
- .icon-beer:before { content: "\f0fc"; }
510
- .icon-h-sign:before { content: "\f0fd"; }
511
- .icon-plus-sign-alt:before { content: "\f0fe"; }
512
-
513
- .icon-double-angle-left:before { content: "\f100"; }
514
- .icon-double-angle-right:before { content: "\f101"; }
515
- .icon-double-angle-up:before { content: "\f102"; }
516
- .icon-double-angle-down:before { content: "\f103"; }
517
- .icon-angle-left:before { content: "\f104"; }
518
- .icon-angle-right:before { content: "\f105"; }
519
- .icon-angle-up:before { content: "\f106"; }
520
- .icon-angle-down:before { content: "\f107"; }
521
- .icon-desktop:before { content: "\f108"; }
522
- .icon-laptop:before { content: "\f109"; }
523
- .icon-tablet:before { content: "\f10a"; }
524
- .icon-mobile-phone:before { content: "\f10b"; }
525
- .icon-circle-blank:before { content: "\f10c"; }
526
- .icon-quote-left:before { content: "\f10d"; }
527
- .icon-quote-right:before { content: "\f10e"; }
528
-
529
- .icon-spinner:before { content: "\f110"; }
530
- .icon-circle:before { content: "\f111"; }
531
- .icon-reply:before { content: "\f112"; }
532
- .icon-github-alt:before { content: "\f113"; }
533
- .icon-folder-close-alt:before { content: "\f114"; }
534
- .icon-folder-open-alt:before { content: "\f115"; }