underoos 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (133) hide show
  1. data/.gitignore +8 -0
  2. data/.rvmrc +1 -0
  3. data/Gemfile +5 -0
  4. data/Gemfile.lock +143 -0
  5. data/LICENSE +26 -0
  6. data/Procfile +1 -0
  7. data/README.md +13 -0
  8. data/Rakefile +12 -0
  9. data/app/assets/javascripts/styleguide.js +132 -0
  10. data/app/assets/javascripts/underoos.js +18 -0
  11. data/app/assets/stylesheets/base/_button-btn-mixin.sass +72 -0
  12. data/app/assets/stylesheets/base/_elements.sass +61 -0
  13. data/app/assets/stylesheets/base/_forms.sass +362 -0
  14. data/app/assets/stylesheets/base/_helpers.sass +54 -0
  15. data/app/assets/stylesheets/base/_normalize.sass +114 -0
  16. data/app/assets/stylesheets/base/_scaffold.sass +51 -0
  17. data/app/assets/stylesheets/base/_tables.sass +99 -0
  18. data/app/assets/stylesheets/base/_transitions.sass +17 -0
  19. data/app/assets/stylesheets/base/_typography.sass +185 -0
  20. data/app/assets/stylesheets/components/_accordions.sass +17 -0
  21. data/app/assets/stylesheets/components/_breadcrumbs.sass +22 -0
  22. data/app/assets/stylesheets/components/_button-groups.sass +46 -0
  23. data/app/assets/stylesheets/components/_carets.sass +24 -0
  24. data/app/assets/stylesheets/components/_carousels.sass +18 -0
  25. data/app/assets/stylesheets/components/_close.sass +25 -0
  26. data/app/assets/stylesheets/components/_decals.sass +27 -0
  27. data/app/assets/stylesheets/components/_dropdowns.sass +85 -0
  28. data/app/assets/stylesheets/components/_media.sass +33 -0
  29. data/app/assets/stylesheets/components/_modals.sass +28 -0
  30. data/app/assets/stylesheets/components/_nav-lists.sass +22 -0
  31. data/app/assets/stylesheets/components/_navbars.sass +105 -0
  32. data/app/assets/stylesheets/components/_notifications.sass +108 -0
  33. data/app/assets/stylesheets/components/_paddles.sass +34 -0
  34. data/app/assets/stylesheets/components/_pagination.sass +41 -0
  35. data/app/assets/stylesheets/components/_pills.sass +64 -0
  36. data/app/assets/stylesheets/components/_popovers.sass +55 -0
  37. data/app/assets/stylesheets/components/_progress-bars.sass +29 -0
  38. data/app/assets/stylesheets/components/_tabs.sass +93 -0
  39. data/app/assets/stylesheets/components/_tooltips.sass +46 -0
  40. data/app/assets/stylesheets/components/_wells.sass +16 -0
  41. data/app/assets/stylesheets/layouts/_containers.sass +15 -0
  42. data/app/assets/stylesheets/layouts/_print.sass +48 -0
  43. data/app/assets/stylesheets/layouts/_queries.sass +121 -0
  44. data/app/assets/stylesheets/layouts/_upgrades.sass +64 -0
  45. data/app/assets/stylesheets/mixins/_arrows.sass +40 -0
  46. data/app/assets/stylesheets/mixins/_clearfixins.sass +15 -0
  47. data/app/assets/stylesheets/mixins/_coloring.sass +6 -0
  48. data/app/assets/stylesheets/mixins/_columns.sass +19 -0
  49. data/app/assets/stylesheets/mixins/_conversions.sass +25 -0
  50. data/app/assets/stylesheets/mixins/_font-size.sass +6 -0
  51. data/app/assets/stylesheets/mixins/_image-tools.sass +13 -0
  52. data/app/assets/stylesheets/mixins/_ir.sass +9 -0
  53. data/app/assets/stylesheets/mixins/_mixins.sass +14 -0
  54. data/app/assets/stylesheets/mixins/_tab-focus.sass +7 -0
  55. data/app/assets/stylesheets/mixins/_timing-equations.sass +29 -0
  56. data/app/assets/stylesheets/mixins/_visibility.sass +43 -0
  57. data/app/assets/stylesheets/polyfills/_box-shadow.sass +7 -0
  58. data/app/assets/stylesheets/polyfills/_box-sizing.sass +8 -0
  59. data/app/assets/stylesheets/polyfills/_functions.sass +22 -0
  60. data/app/assets/stylesheets/polyfills/_inline-block.sass +8 -0
  61. data/app/assets/stylesheets/polyfills/_opacity.sass +6 -0
  62. data/app/assets/stylesheets/polyfills/_polyfills.sass +10 -0
  63. data/app/assets/stylesheets/polyfills/_transition.sass +9 -0
  64. data/app/assets/stylesheets/polyfills/_user-select.sass +8 -0
  65. data/app/assets/stylesheets/styleguide.sass +199 -0
  66. data/app/assets/stylesheets/themes/_default.sass +119 -0
  67. data/app/assets/stylesheets/underoos.sass +52 -0
  68. data/app/controllers/underoos/styleguides_controller.rb +79 -0
  69. data/app/views/shared/_upgrades.html.haml +12 -0
  70. data/app/views/underoos/styleguides/_assets.haml +42 -0
  71. data/app/views/underoos/styleguides/_components.haml +42 -0
  72. data/app/views/underoos/styleguides/_elements.haml +242 -0
  73. data/app/views/underoos/styleguides/_forms.haml +305 -0
  74. data/app/views/underoos/styleguides/_layouts.haml +76 -0
  75. data/app/views/underoos/styleguides/_palettes.haml +18 -0
  76. data/app/views/underoos/styleguides/_resources.haml +27 -0
  77. data/app/views/underoos/styleguides/_tables.haml +124 -0
  78. data/app/views/underoos/styleguides/_typography.haml +284 -0
  79. data/app/views/underoos/styleguides/_utilities.haml +270 -0
  80. data/app/views/underoos/styleguides/components/_accordions.haml +83 -0
  81. data/app/views/underoos/styleguides/components/_breadcrumbs.haml +42 -0
  82. data/app/views/underoos/styleguides/components/_button-groups.haml +162 -0
  83. data/app/views/underoos/styleguides/components/_carets.haml +28 -0
  84. data/app/views/underoos/styleguides/components/_close.haml +20 -0
  85. data/app/views/underoos/styleguides/components/_decals.haml +40 -0
  86. data/app/views/underoos/styleguides/components/_dropdowns.haml +189 -0
  87. data/app/views/underoos/styleguides/components/_media.haml +78 -0
  88. data/app/views/underoos/styleguides/components/_modals.haml +42 -0
  89. data/app/views/underoos/styleguides/components/_nav-lists.haml +52 -0
  90. data/app/views/underoos/styleguides/components/_navbars.haml +144 -0
  91. data/app/views/underoos/styleguides/components/_navs-showcase.haml +27 -0
  92. data/app/views/underoos/styleguides/components/_notifications.haml +169 -0
  93. data/app/views/underoos/styleguides/components/_paddles.haml +68 -0
  94. data/app/views/underoos/styleguides/components/_pagination.haml +64 -0
  95. data/app/views/underoos/styleguides/components/_popovers.haml +33 -0
  96. data/app/views/underoos/styleguides/components/_progress-bars.haml +72 -0
  97. data/app/views/underoos/styleguides/components/_tabs-pills.haml +241 -0
  98. data/app/views/underoos/styleguides/components/_tooltips.haml +37 -0
  99. data/app/views/underoos/styleguides/components/_wells.haml +29 -0
  100. data/app/views/underoos/styleguides/index.html.haml +259 -0
  101. data/app/views/underoos/styleguides/partials/_form-template.haml +171 -0
  102. data/app/views/underoos/styleguides/partials/_table-data.haml +33 -0
  103. data/app/views/underoos/styleguides/partials/_transitions.haml +136 -0
  104. data/config.ru +38 -0
  105. data/config/routes.rb +3 -0
  106. data/features/generator.feature +78 -0
  107. data/features/step_definitions/underoos_steps.rb +3 -0
  108. data/features/support/env.rb +9 -0
  109. data/lib/generators/underoos/assets_generator.rb +33 -0
  110. data/lib/underoos.rb +5 -0
  111. data/lib/underoos/engine.rb +8 -0
  112. data/lib/underoos/version.rb +3 -0
  113. data/public/apple-touch-icon-114x114-precomposed.png +0 -0
  114. data/public/apple-touch-icon-57x57-precomposed.png +0 -0
  115. data/public/apple-touch-icon-72x72-precomposed.png +0 -0
  116. data/public/apple-touch-icon-precomposed.png +0 -0
  117. data/public/apple-touch-icon.png +0 -0
  118. data/public/favicon.ico +0 -0
  119. data/script/javascripts +15 -0
  120. data/underoos.gemspec +29 -0
  121. data/vendor/assets/javascripts/bootstrap-alert.js +94 -0
  122. data/vendor/assets/javascripts/bootstrap-button.js +100 -0
  123. data/vendor/assets/javascripts/bootstrap-collapse.js +138 -0
  124. data/vendor/assets/javascripts/bootstrap-dropdown.js +92 -0
  125. data/vendor/assets/javascripts/bootstrap-modal.js +210 -0
  126. data/vendor/assets/javascripts/bootstrap-popover.js +95 -0
  127. data/vendor/assets/javascripts/bootstrap-scrollspy.js +125 -0
  128. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  129. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  130. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  131. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  132. data/vendor/assets/javascripts/prettify.js +28 -0
  133. metadata +246 -0
data/.gitignore ADDED
@@ -0,0 +1,8 @@
1
+ *.gem
2
+ .bundle
3
+ pkg/*
4
+ .idea
5
+ .sass-cache
6
+ log/*
7
+ *.log
8
+ tmp/*
data/.rvmrc ADDED
@@ -0,0 +1 @@
1
+ rvm 1.9.3-rc1@underoos
data/Gemfile ADDED
@@ -0,0 +1,5 @@
1
+ source :rubygems
2
+
3
+ gemspec
4
+
5
+ gem 'thin'
data/Gemfile.lock ADDED
@@ -0,0 +1,143 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ underoos (1.0.0)
5
+ haml-rails
6
+ rails (>= 3.1.0)
7
+ sass-rails
8
+
9
+ GEM
10
+ remote: http://rubygems.org/
11
+ specs:
12
+ actionmailer (3.2.2)
13
+ actionpack (= 3.2.2)
14
+ mail (~> 2.4.0)
15
+ actionpack (3.2.2)
16
+ activemodel (= 3.2.2)
17
+ activesupport (= 3.2.2)
18
+ builder (~> 3.0.0)
19
+ erubis (~> 2.7.0)
20
+ journey (~> 1.0.1)
21
+ rack (~> 1.4.0)
22
+ rack-cache (~> 1.1)
23
+ rack-test (~> 0.6.1)
24
+ sprockets (~> 2.1.2)
25
+ activemodel (3.2.2)
26
+ activesupport (= 3.2.2)
27
+ builder (~> 3.0.0)
28
+ activerecord (3.2.2)
29
+ activemodel (= 3.2.2)
30
+ activesupport (= 3.2.2)
31
+ arel (~> 3.0.2)
32
+ tzinfo (~> 0.3.29)
33
+ activeresource (3.2.2)
34
+ activemodel (= 3.2.2)
35
+ activesupport (= 3.2.2)
36
+ activesupport (3.2.2)
37
+ i18n (~> 0.6)
38
+ multi_json (~> 1.0)
39
+ arel (3.0.2)
40
+ aruba (0.4.11)
41
+ childprocess (>= 0.2.3)
42
+ cucumber (>= 1.1.1)
43
+ ffi (>= 1.0.11)
44
+ rspec (>= 2.7.0)
45
+ builder (3.0.0)
46
+ childprocess (0.3.1)
47
+ ffi (~> 1.0.6)
48
+ cucumber (1.1.9)
49
+ builder (>= 2.1.2)
50
+ diff-lcs (>= 1.1.2)
51
+ gherkin (~> 2.9.0)
52
+ json (>= 1.4.6)
53
+ term-ansicolor (>= 1.0.6)
54
+ daemons (1.1.8)
55
+ diff-lcs (1.1.3)
56
+ erubis (2.7.0)
57
+ eventmachine (0.12.10)
58
+ ffi (1.0.11)
59
+ gherkin (2.9.0)
60
+ json (>= 1.4.6)
61
+ haml (3.1.4)
62
+ haml-rails (0.3.4)
63
+ actionpack (~> 3.0)
64
+ activesupport (~> 3.0)
65
+ haml (~> 3.0)
66
+ railties (~> 3.0)
67
+ hike (1.2.1)
68
+ i18n (0.6.0)
69
+ journey (1.0.3)
70
+ jquery-rails (2.0.2)
71
+ railties (>= 3.2.0, < 5.0)
72
+ thor (~> 0.14)
73
+ json (1.6.5)
74
+ mail (2.4.3)
75
+ i18n (>= 0.4.0)
76
+ mime-types (~> 1.16)
77
+ treetop (~> 1.4.8)
78
+ mime-types (1.17.2)
79
+ multi_json (1.1.0)
80
+ polyglot (0.3.3)
81
+ rack (1.4.1)
82
+ rack-cache (1.2)
83
+ rack (>= 0.4)
84
+ rack-ssl (1.3.2)
85
+ rack
86
+ rack-test (0.6.1)
87
+ rack (>= 1.0)
88
+ rails (3.2.2)
89
+ actionmailer (= 3.2.2)
90
+ actionpack (= 3.2.2)
91
+ activerecord (= 3.2.2)
92
+ activeresource (= 3.2.2)
93
+ activesupport (= 3.2.2)
94
+ bundler (~> 1.0)
95
+ railties (= 3.2.2)
96
+ railties (3.2.2)
97
+ actionpack (= 3.2.2)
98
+ activesupport (= 3.2.2)
99
+ rack-ssl (~> 1.3.2)
100
+ rake (>= 0.8.7)
101
+ rdoc (~> 3.4)
102
+ thor (~> 0.14.6)
103
+ rake (0.9.2.2)
104
+ rdoc (3.12)
105
+ json (~> 1.4)
106
+ rspec (2.8.0)
107
+ rspec-core (~> 2.8.0)
108
+ rspec-expectations (~> 2.8.0)
109
+ rspec-mocks (~> 2.8.0)
110
+ rspec-core (2.8.0)
111
+ rspec-expectations (2.8.0)
112
+ diff-lcs (~> 1.1.2)
113
+ rspec-mocks (2.8.0)
114
+ sass (3.1.15)
115
+ sass-rails (3.2.4)
116
+ railties (~> 3.2.0)
117
+ sass (>= 3.1.10)
118
+ tilt (~> 1.3)
119
+ sprockets (2.1.2)
120
+ hike (~> 1.2)
121
+ rack (~> 1.0)
122
+ tilt (~> 1.1, != 1.3.0)
123
+ term-ansicolor (1.0.7)
124
+ thin (1.3.1)
125
+ daemons (>= 1.0.9)
126
+ eventmachine (>= 0.12.6)
127
+ rack (>= 1.0.0)
128
+ thor (0.14.6)
129
+ tilt (1.3.3)
130
+ treetop (1.4.10)
131
+ polyglot
132
+ polyglot (>= 0.3.1)
133
+ tzinfo (0.3.32)
134
+
135
+ PLATFORMS
136
+ ruby
137
+
138
+ DEPENDENCIES
139
+ aruba
140
+ cucumber
141
+ jquery-rails
142
+ thin
143
+ underoos!
data/LICENSE ADDED
@@ -0,0 +1,26 @@
1
+ Copyright (c) 2012 Mode Set, LLC
2
+
3
+ Permission is hereby granted, free of charge, to any person
4
+ obtaining a copy of this software and associated documentation
5
+ files (the "Software"), to deal in the Software without
6
+ restriction, including without limitation the rights to use,
7
+ copy, modify, merge, publish, distribute, sublicense, and/or sell
8
+ copies of the Software, and to permit persons to whom the
9
+ Software is furnished to do so, subject to the following
10
+ conditions:
11
+
12
+ The above copyright notice and this permission notice shall be
13
+ included in all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
17
+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
19
+ HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
20
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
21
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22
+ OTHER DEALINGS IN THE SOFTWARE.
23
+
24
+ The Bootstrap library is licensed under Apache License v2.0: http://www.apache.org/licenses/LICENSE-2.0
25
+ The Bootstrap documentation is licensed under CC BY 3.0: http://creativecommons.org/licenses/by/3.0/
26
+
data/Procfile ADDED
@@ -0,0 +1 @@
1
+ web: bundle exec thin start -p $PORT
data/README.md ADDED
@@ -0,0 +1,13 @@
1
+ # underoos are fun to wear
2
+
3
+ Stop back soon! We are just getting this bad boy going, it's in total turmoil at the moment.
4
+
5
+ ![underoos](http://oofblamargh.typepad.com/.a/6a0120a6b84d21970b01543408e128970c-800wi "title")
6
+
7
+ <!--
8
+ -# This is so dirty and not in that good way.
9
+ :ruby
10
+ def partial(file)
11
+ return haml_concat(Haml::Engine.new(IO.read("app/views/styleguide/_#{file}.haml")).render)
12
+ end
13
+ -->
data/Rakefile ADDED
@@ -0,0 +1,12 @@
1
+ require "bundler/gem_tasks"
2
+
3
+ begin
4
+ require 'cucumber'
5
+ require 'cucumber/rake/task'
6
+
7
+ Cucumber::Rake::Task.new(:cucumber) do |t|
8
+ t.cucumber_opts = "features --format pretty --require features/"
9
+ end
10
+ rescue LoadError
11
+ puts 'Could not load Cucumber'
12
+ end
@@ -0,0 +1,132 @@
1
+
2
+ // This is some dirty link disabling and showcasing behavior
3
+ !function ($) {
4
+
5
+ $(function() {
6
+ var showcase = $('#navs_showcase')
7
+ var nav_lists = $('li', showcase)
8
+ var nav_links = $('li > a', showcase)
9
+ var markup = 'html'
10
+ var html_examples = $('.html')
11
+ var haml_examples = $('.haml')
12
+ var superfriends = [
13
+ 'Aquaman'
14
+ ,'Batman'
15
+ ,'Catwomen'
16
+ ,'Daredevil'
17
+ ,'Elektra'
18
+ ,'Fantastic Four'
19
+ ,'Green Lantern'
20
+ ,'Hulk'
21
+ ,'Iron Man'
22
+ ,'Jericho'
23
+ ,'Karate Kid'
24
+ ,'Lobo'
25
+ ,'Mr. Terrific'
26
+ ,'Nightwing'
27
+ ,'Obsidian'
28
+ ,'Plastic Man'
29
+ ,'Quicksilver'
30
+ ,'Robin'
31
+ ,'Superman'
32
+ ,'Teenage Mutant Ninja Turtles'
33
+ ,'Ultraman'
34
+ ,'Vigilante'
35
+ ,'Wolverine'
36
+ ,'X-Men'
37
+ ,'Yellow Jacket'
38
+ ,'Zattana'
39
+ ]
40
+
41
+ // enable nice looking pre tags
42
+ window.prettyPrint && prettyPrint()
43
+
44
+ // instantiate any tooltips and popovers
45
+ $("a[rel=tooltip]").tooltip()
46
+ $("a[rel=popover]").popover()
47
+
48
+ // Disable anchor links within the docs section
49
+ $('.sg-section [href^=#]').click(function (e) {
50
+ e.preventDefault()
51
+ })
52
+
53
+ // Showcase various classes of nav items
54
+ nav_links.on('click', function(e) {
55
+ e.preventDefault()
56
+ var li = $(this).parent('li')
57
+ var classes = $(this).data('classes')
58
+ nav_lists.removeClass('active')
59
+ $(li).addClass('active')
60
+ showcase.removeClass().addClass(classes)
61
+ })
62
+
63
+ // Fake loading data to showcase a stateful button
64
+ $('#loader_btn').on('click', function(e) {
65
+ var btn = $(this)
66
+ btn.button('loading')
67
+ setTimeout(function() {
68
+ btn.button('complete')
69
+ }, 3000)
70
+ })
71
+
72
+ // Click progress bars to showcase states
73
+ $('.progress').on('click', function(e) {
74
+ var bar = $(this).find('> .bar')
75
+ var pwidth = $(this).width()
76
+
77
+ if (bar.width() === pwidth) {
78
+ bar.css({width:'0%'})
79
+ } else {
80
+ bar.css({width:'100%'})
81
+ }
82
+ })
83
+
84
+ // Test the upgrade message icon
85
+ $('#upgrade_test').on('click', function(e) {
86
+ e.preventDefault()
87
+ $('html').toggleClass('no-js lt-ie8')
88
+ window.scrollTo(0,0)
89
+ })
90
+
91
+ // Test flash messages
92
+ $('.flash-example').on('click', function(e) {
93
+ e.preventDefault()
94
+ var tmpl = '<div class="notification important fade"><p><strong>Pro Tip!</strong> This is a message</p><a class="close" data-dismiss="alert" href="#">×</a></div>'
95
+ var fm = $('#flash_messages')
96
+ fm.html(tmpl)
97
+ var notifier = $(fm.find('.notification')[0])
98
+ var position = ($(this).data('position'))
99
+ fm.removeClass()
100
+ fm.addClass('flash-messages ' + position)
101
+ notifier.addClass('in')
102
+ })
103
+
104
+ // Toggle markup examples when the "!" is hit
105
+ $('html').on('keydown', function(e) {
106
+ if ((e.which === 49 && e.shiftKey)) {
107
+ if (markup === 'html') {
108
+ markup = 'haml'
109
+ html_examples.addClass('hidden')
110
+ haml_examples.removeClass('hidden')
111
+ } else {
112
+ markup = 'html'
113
+ haml_examples.addClass('hidden')
114
+ html_examples.removeClass('hidden')
115
+ }
116
+ }
117
+ })
118
+
119
+ // Demo the typeahead plugin
120
+ $('#superfriends').typeahead({source:superfriends , items:10})
121
+
122
+ // Simple test for calculating the page size
123
+ // var sizing = $('#page_title')
124
+ // window.onresize = function() {
125
+ // sizing[0].innerHTML = window.innerWidth + 'px'
126
+ // }
127
+
128
+ })
129
+
130
+ }(window.jQuery)
131
+
132
+
@@ -0,0 +1,18 @@
1
+
2
+ /* VENDOR ASSETS */
3
+ //= require jquery
4
+ //= require bootstrap-transition
5
+ //= require bootstrap-alert
6
+ //= require bootstrap-modal
7
+ //= require bootstrap-dropdown
8
+ //= require bootstrap-scrollspy
9
+ //= require bootstrap-tab
10
+ //= require bootstrap-tooltip
11
+ //= require bootstrap-popover
12
+ //= require bootstrap-button
13
+ //= require bootstrap-collapse
14
+ //= require bootstrap-typeahead
15
+
16
+
17
+ /* APPLICATION ASSETS */
18
+
@@ -0,0 +1,72 @@
1
+
2
+ // Buttons look boxy and sexy
3
+ @mixin btn-button($bg, $color:#fff, $padding:0.4em 0.7em, $radii:$radii)
4
+ +box-sizing(border-box)
5
+ +font-size($base_font_size)
6
+ +inline-block
7
+ +transition(all $speed)
8
+ background: $bg
9
+ background-clip: padding-box
10
+ border: 1px solid darken($bg, 30%)
11
+ border-radius: $radii
12
+ color: $color
13
+ cursor: pointer
14
+ line-height: 1.1
15
+ text-shadow: $text_inset_lite
16
+ padding: $padding
17
+ &:visited
18
+ color: $color
19
+ &:hover, &:focus, &.active
20
+ background: darken($bg, 3%)
21
+ color: $color
22
+ &:hover, &.active
23
+ border: 1px solid darken($bg, 40%)
24
+ &:hover
25
+ +box-shadow($inset_lite)
26
+ &:focus
27
+ +box-shadow($focus_glow, $inset_lite)
28
+ border: 1px solid $focus_border
29
+ outline: 0
30
+ &:active, &.active
31
+ +box-shadow($inset_dark)
32
+ &.error
33
+ border: 1px solid $error
34
+ &:focus
35
+ +box-shadow($error_glow, $inset_lite)
36
+ outline: 0
37
+ &.disabled, &[disabled], &[readonly]
38
+ +box-shadow(none)
39
+ +opacity(0.5)
40
+ background-color: $bg
41
+ border: 1px solid darken($bg, 20%)
42
+ &.small
43
+ +font-size($base_font_size - 2)
44
+ line-height: 0.9
45
+ &.large
46
+ +font-size($base_font_size + 2)
47
+ line-height: 1.3
48
+ .caret
49
+ border-top-color: $color
50
+ margin: 0.5em 0 0 0.5em
51
+
52
+ // Override specific properties for `.btn` colorways
53
+ @mixin btn-override($bg, $color:#fff)
54
+ background: $bg
55
+ border: 1px solid darken($bg, 20%)
56
+ color: $color
57
+ text-shadow: $text_inset_dark
58
+ &:visited
59
+ color: $color
60
+ &:hover, &:focus, &.active
61
+ background: darken($bg, 3%)
62
+ &:hover, &.active
63
+ border: 1px solid darken($bg, 30%)
64
+ &:focus
65
+ border: 1px solid $focus_border
66
+ &.error
67
+ border: 1px solid $error
68
+ &.disabled, &[disabled], &[readonly]
69
+ background-color: $bg
70
+ .caret
71
+ border-top-color: $color
72
+