sass-rails-bootstrap 2.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (91) hide show
  1. data/LICENSE +13 -0
  2. data/README.md +99 -0
  3. data/Rakefile +38 -0
  4. data/lib/sass-rails-bootstrap/engine.rb +4 -0
  5. data/lib/sass-rails-bootstrap/version.rb +3 -0
  6. data/lib/sass-rails-bootstrap.rb +5 -0
  7. data/lib/tasks/sass-rails-bootstrap_tasks.rake +4 -0
  8. data/test/dummy/README.rdoc +261 -0
  9. data/test/dummy/Rakefile +7 -0
  10. data/test/dummy/app/assets/javascripts/application.js +15 -0
  11. data/test/dummy/app/assets/stylesheets/application.css +13 -0
  12. data/test/dummy/app/controllers/application_controller.rb +3 -0
  13. data/test/dummy/app/helpers/application_helper.rb +2 -0
  14. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  15. data/test/dummy/config/application.rb +56 -0
  16. data/test/dummy/config/boot.rb +10 -0
  17. data/test/dummy/config/database.yml +25 -0
  18. data/test/dummy/config/environment.rb +5 -0
  19. data/test/dummy/config/environments/development.rb +37 -0
  20. data/test/dummy/config/environments/production.rb +67 -0
  21. data/test/dummy/config/environments/test.rb +37 -0
  22. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  23. data/test/dummy/config/initializers/inflections.rb +15 -0
  24. data/test/dummy/config/initializers/mime_types.rb +5 -0
  25. data/test/dummy/config/initializers/secret_token.rb +7 -0
  26. data/test/dummy/config/initializers/session_store.rb +8 -0
  27. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  28. data/test/dummy/config/locales/en.yml +5 -0
  29. data/test/dummy/config/routes.rb +58 -0
  30. data/test/dummy/config.ru +4 -0
  31. data/test/dummy/db/test.sqlite3 +0 -0
  32. data/test/dummy/log/test.log +2 -0
  33. data/test/dummy/public/404.html +26 -0
  34. data/test/dummy/public/422.html +26 -0
  35. data/test/dummy/public/500.html +25 -0
  36. data/test/dummy/public/favicon.ico +0 -0
  37. data/test/dummy/script/rails +6 -0
  38. data/test/sass-rails-bootstrap_test.rb +7 -0
  39. data/test/test_helper.rb +10 -0
  40. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  41. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  42. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +94 -0
  43. data/vendor/assets/javascripts/twitter/bootstrap/button.js +100 -0
  44. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +161 -0
  45. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +138 -0
  46. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +92 -0
  47. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +210 -0
  48. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +95 -0
  49. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +125 -0
  50. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +130 -0
  51. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +270 -0
  52. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +51 -0
  53. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +271 -0
  54. data/vendor/assets/javascripts/twitter/bootstrap.js +12 -0
  55. data/vendor/assets/stylesheets/twitter/_bootstrap.scss +66 -0
  56. data/vendor/assets/stylesheets/twitter/bootstrap/_accordion.sass +26 -0
  57. data/vendor/assets/stylesheets/twitter/bootstrap/_alerts.sass +54 -0
  58. data/vendor/assets/stylesheets/twitter/bootstrap/_badges.sass +44 -0
  59. data/vendor/assets/stylesheets/twitter/bootstrap/_breadcrumbs.sass +20 -0
  60. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.sass +155 -0
  61. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.sass +161 -0
  62. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.sass +105 -0
  63. data/vendor/assets/stylesheets/twitter/bootstrap/_close.sass +16 -0
  64. data/vendor/assets/stylesheets/twitter/bootstrap/_code.sass +48 -0
  65. data/vendor/assets/stylesheets/twitter/bootstrap/_component-animations.sass +16 -0
  66. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.sass +130 -0
  67. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.sass +492 -0
  68. data/vendor/assets/stylesheets/twitter/bootstrap/_grid.sass +8 -0
  69. data/vendor/assets/stylesheets/twitter/bootstrap/_hero-unit.sass +19 -0
  70. data/vendor/assets/stylesheets/twitter/bootstrap/_labels.sass +45 -0
  71. data/vendor/assets/stylesheets/twitter/bootstrap/_layouts.sass +13 -0
  72. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.sass +517 -0
  73. data/vendor/assets/stylesheets/twitter/bootstrap/_modals.sass +87 -0
  74. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass +300 -0
  75. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass +332 -0
  76. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass +29 -0
  77. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass +45 -0
  78. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.sass +54 -0
  79. data/vendor/assets/stylesheets/twitter/bootstrap/_progress-bars.sass +105 -0
  80. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.sass +115 -0
  81. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.sass +333 -0
  82. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.sass +25 -0
  83. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.sass +273 -0
  84. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.sass +158 -0
  85. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.sass +34 -0
  86. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.sass +43 -0
  87. data/vendor/assets/stylesheets/twitter/bootstrap/_type.sass +209 -0
  88. data/vendor/assets/stylesheets/twitter/bootstrap/_utilities.sass +19 -0
  89. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.sass +199 -0
  90. data/vendor/assets/stylesheets/twitter/bootstrap/_wells.sass +23 -0
  91. metadata +183 -0
@@ -0,0 +1,161 @@
1
+ // BUTTON STYLES
2
+ // -------------
3
+
4
+
5
+ // Base styles
6
+ // --------------------------------------------------
7
+
8
+ // Core
9
+ .btn
10
+ display: inline-block
11
+ +ie7-inline-block
12
+ padding: 4px 10px 4px
13
+ font-size: $baseFontSize
14
+ line-height: $baseLineHeight
15
+ color: $grayDark
16
+ text-align: center
17
+ text-shadow: 0 1px 1px rgba(255,255,255,.75)
18
+ +button-background($btnBackground, $btnBackgroundHighlight)
19
+ border: 1px solid $btnBorder
20
+ border-bottom-color: darken($btnBorder, 10%)
21
+ +border-radius(4px)
22
+ $shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)
23
+ +box-shadow($shadow)
24
+ cursor: pointer
25
+
26
+ // Give IE7 some love
27
+ +reset-filter
28
+ +ie7-restore-left-whitespace
29
+
30
+ // Hover state
31
+ .btn:hover
32
+ color: $grayDark
33
+ text-decoration: none
34
+ background-color: darken($white, 10%)
35
+ background-position: 0 -15px
36
+ // transition is only when going to hover, otherwise the background
37
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
38
+ +transition(background-position .1s linear)
39
+
40
+ // Focus state for keyboard and accessibility
41
+ .btn:focus
42
+ +tab-focus
43
+
44
+ // Active state
45
+ .btn.active,
46
+ .btn:active
47
+ background-image: none
48
+ $shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)
49
+ +box-shadow($shadow)
50
+ background-color: darken($white, 10%)
51
+ background-color: darken($white, 15%) #{"\9"}
52
+ outline: 0
53
+
54
+ // Disabled state
55
+ .btn.disabled,
56
+ .btn[disabled]
57
+ cursor: default
58
+ background-image: none
59
+ background-color: darken($white, 10%)
60
+ +opacity(65)
61
+ +box-shadow(none)
62
+
63
+ // Button sizes
64
+ // --------------------------------------------------
65
+
66
+ // Large
67
+ .btn-large
68
+ padding: 9px 14px
69
+ font-size: $baseFontSize + 2px
70
+ line-height: normal
71
+ +border-radius(5px)
72
+ [class^="icon-"]
73
+ margin-top: 1px
74
+
75
+ // Small
76
+ .btn-small
77
+ padding: 5px 9px
78
+ font-size: $baseFontSize - 2px
79
+ line-height: $baseLineHeight - 2px
80
+ [class^="icon-"]
81
+ margin-top: -1px
82
+
83
+ // Mini
84
+ .btn-mini
85
+ padding: 2px 6px
86
+ font-size: $baseFontSize - 2px
87
+ line-height: $baseLineHeight - 4px
88
+
89
+
90
+ // Alternate buttons
91
+ // --------------------------------------------------
92
+
93
+ // Set text color
94
+ // -------------------------
95
+ .btn-primary,
96
+ .btn-primary:hover,
97
+ .btn-warning,
98
+ .btn-warning:hover,
99
+ .btn-danger,
100
+ .btn-danger:hover,
101
+ .btn-success,
102
+ .btn-success:hover,
103
+ .btn-info,
104
+ .btn-info:hover,
105
+ .btn-inverse,
106
+ .btn-inverse:hover
107
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25)
108
+ color: $white
109
+
110
+ // Provide *some* extra contrast for those who can get it
111
+ .btn-primary.active,
112
+ .btn-warning.active,
113
+ .btn-danger.active,
114
+ .btn-success.active,
115
+ .btn-info.active,
116
+ .btn-inverse.active
117
+ color: rgba(255,255,255,.75)
118
+
119
+ // Set the backgrounds
120
+ // -------------------------
121
+ .btn-primary
122
+ +button-background($btnPrimaryBackground, $btnPrimaryBackgroundHighlight)
123
+ // Warning appears as orange
124
+ .btn-warning
125
+ +button-background($btnWarningBackground, $btnWarningBackgroundHighlight)
126
+ // Danger and error appear as red
127
+ .btn-danger
128
+ +button-background($btnDangerBackground, $btnDangerBackgroundHighlight)
129
+ // Success appears as green
130
+ .btn-success
131
+ +button-background($btnSuccessBackground, $btnSuccessBackgroundHighlight)
132
+ // Info appears as a neutral blue
133
+ .btn-info
134
+ +button-background($btnInfoBackground, $btnInfoBackgroundHighlight)
135
+ // Inverse appears as dark-gray
136
+ .btn-inverse
137
+ +button-background($btnInverseBackground, $btnInverseBackgroundHighlight)
138
+
139
+
140
+ // Cross-browser jank
141
+ // --------------------------------------------------
142
+
143
+ button.btn,
144
+ input[type="submit"].btn
145
+ // Firefox 3.6 only, I believe
146
+ &::-moz-focus-inner
147
+ padding: 0
148
+ border: 0
149
+
150
+ // IE7 has some default padding on button controls
151
+ *padding-top: 2px
152
+ *padding-bottom: 2px
153
+ &.btn-large
154
+ *padding-top: 7px
155
+ *padding-bottom: 7px
156
+ &.btn-small
157
+ *padding-top: 3px
158
+ *padding-bottom: 3px
159
+ &.btn-mini
160
+ *padding-top: 1px
161
+ *padding-bottom: 1px
@@ -0,0 +1,105 @@
1
+ // CAROUSEL
2
+ // --------
3
+
4
+ .carousel
5
+ position: relative
6
+ margin-bottom: $baseLineHeight
7
+ line-height: 1
8
+
9
+ .carousel-inner
10
+ overflow: hidden
11
+ width: 100%
12
+ position: relative
13
+
14
+ .carousel
15
+ .item
16
+ display: none
17
+ position: relative
18
+ +transition(.6s ease-in-out left)
19
+
20
+ // Account for jankitude on images
21
+ .item > img
22
+ display: block
23
+ line-height: 1
24
+
25
+ .active,
26
+ .next,
27
+ .prev
28
+ display: block
29
+
30
+ .active
31
+ left: 0
32
+
33
+ .next,
34
+ .prev
35
+ position: absolute
36
+ top: 0
37
+ width: 100%
38
+
39
+ .next
40
+ left: 100%
41
+ .prev
42
+ left: -100%
43
+ .next.left,
44
+ .prev.right
45
+ left: 0
46
+
47
+ .active.left
48
+ left: -100%
49
+ .active.right
50
+ left: 100%
51
+
52
+
53
+ // Left/right controls for nav
54
+ // ---------------------------
55
+
56
+ .carousel-control
57
+ position: absolute
58
+ top: 40%
59
+ left: 15px
60
+ width: 40px
61
+ height: 40px
62
+ margin-top: -20px
63
+ font-size: 60px
64
+ font-weight: 100
65
+ line-height: 30px
66
+ color: $white
67
+ text-align: center
68
+ background: $grayDarker
69
+ border: 3px solid $white
70
+ +border-radius(23px)
71
+ +opacity(50)
72
+
73
+ // we can't have this transition here
74
+ // because webkit cancels the carousel
75
+ // animation if you trip this while
76
+ // in the middle of another animation
77
+ // ;_;
78
+ // .transition(opacity .2s linear);
79
+
80
+ // Reposition the right one
81
+ &.right
82
+ left: auto
83
+ right: 15px
84
+
85
+ // Hover state
86
+ &:hover
87
+ color: $white
88
+ text-decoration: none
89
+ +opacity(90)
90
+
91
+ // Caption for text below images
92
+ // -----------------------------
93
+
94
+ .carousel-caption
95
+ position: absolute
96
+ left: 0
97
+ right: 0
98
+ bottom: 0
99
+ padding: 10px 15px 5px
100
+ background: $grayDark
101
+ background: rgba(0,0,0,.75)
102
+
103
+ .carousel-caption h4,
104
+ .carousel-caption p
105
+ color: $white
@@ -0,0 +1,16 @@
1
+ // CLOSE ICONS
2
+ // -----------
3
+
4
+ .close
5
+ float: right
6
+ font-size: 20px
7
+ font-weight: bold
8
+ line-height: $baseLineHeight
9
+ color: $black
10
+ text-shadow: 0 1px 0 rgba(255,255,255,1)
11
+ +opacity(20)
12
+ &:hover
13
+ color: $black
14
+ text-decoration: none
15
+ +opacity(40)
16
+ cursor: pointer
@@ -0,0 +1,48 @@
1
+ // Code typography styles for the <code> and <pre> elements
2
+ // --------------------------------------------------------
3
+
4
+ // Inline and block code styles
5
+ code,
6
+ pre
7
+ padding: 0 3px 2px
8
+ +font-family-monospace
9
+ font-size: $baseFontSize - 1
10
+ color: $grayDark
11
+ +border-radius(3px)
12
+
13
+ // Inline code
14
+ code
15
+ padding: 2px 4px
16
+ color: #d14
17
+ background-color: #f7f7f9
18
+ border: 1px solid #e1e1e8
19
+
20
+ // Blocks of code
21
+ pre
22
+ display: block
23
+ padding: ($baseLineHeight - 1) / 2
24
+ margin: 0 0 $baseLineHeight / 2
25
+ font-size: $baseFontSize * 0.925 // 13px to 12px
26
+ line-height: $baseLineHeight
27
+ background-color: #f5f5f5
28
+ border: 1px solid #ccc // fallback for IE7-8
29
+ border: 1px solid rgba(0, 0, 0, 0.15)
30
+ +border-radius(4px)
31
+ white-space: pre
32
+ white-space: pre-wrap
33
+ word-break: break-all
34
+ word-wrap: break-word
35
+
36
+ // Make prettyprint styles more spaced out for readability
37
+ &.prettyprint
38
+ margin-bottom: $baseLineHeight
39
+
40
+ // Account for some code outputs that place code tags in pre tags
41
+ code
42
+ padding: 0
43
+ background-color: transparent
44
+
45
+ // Enable scrollable blocks of code
46
+ .pre-scrollable
47
+ max-height: 340px
48
+ overflow-y: scroll
@@ -0,0 +1,16 @@
1
+ // COMPONENT ANIMATIONS
2
+ // --------------------
3
+
4
+ .fade
5
+ +transition(opacity .15s linear)
6
+ opacity: 0
7
+ &.in
8
+ opacity: 1
9
+
10
+ .collapse
11
+ +transition(height .35s ease)
12
+ position: relative
13
+ overflow: hidden
14
+ height: 0
15
+ &.in
16
+ height: auto
@@ -0,0 +1,130 @@
1
+ // DROPDOWN MENUS
2
+ // --------------
3
+
4
+ // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5
+ .dropdown
6
+ position: relative
7
+
8
+ .dropdown-toggle
9
+ // The caret makes the toggle a bit too tall in IE7
10
+ *margin-bottom: -3px
11
+
12
+ .dropdown-toggle:active,
13
+ .open .dropdown-toggle
14
+ outline: 0
15
+
16
+ // Dropdown arrow/caret
17
+ .caret
18
+ display: inline-block
19
+ width: 0
20
+ height: 0
21
+ vertical-align: top
22
+ border-left: 4px solid transparent
23
+ border-right: 4px solid transparent
24
+ border-top: 4px solid $black
25
+ +opacity(30)
26
+ content: ""
27
+
28
+ // Place the caret
29
+ .dropdown .caret
30
+ margin-top: 8px
31
+ margin-left: 2px
32
+
33
+ .dropdown:hover .caret,
34
+ .open.dropdown .caret
35
+ +opacity(100)
36
+
37
+ // The dropdown menu (ul)
38
+ // ----------------------
39
+ .dropdown-menu
40
+ position: absolute
41
+ top: 100%
42
+ left: 0
43
+ z-index: $zindexDropdown
44
+ float: left
45
+ display: none // none by default, but block on "open" of the menu
46
+ min-width: 160px
47
+ max-width: 220px
48
+ padding: 4px 0
49
+ margin: 0 // override default ul
50
+ list-style: none
51
+ background-color: $dropdownBackground
52
+ border-color: #ccc
53
+ border-color: rgba(0,0,0,.2)
54
+ border-style: solid
55
+ border-width: 1px
56
+ +border-radius(0 0 5px 5px)
57
+ +box-shadow(0 5px 10px rgba(0,0,0,.2))
58
+ -webkit-background-clip: padding-box
59
+ -moz-background-clip: padding
60
+ background-clip: padding-box
61
+ *border-right-width: 2px
62
+ *border-bottom-width: 2px
63
+
64
+ // Aligns the dropdown menu to right
65
+ &.pull-right
66
+ right: 0
67
+ left: auto
68
+
69
+ // Dividers (basically an hr) within the dropdown
70
+ .divider
71
+ +nav-divider
72
+
73
+ // Links within the dropdown menu
74
+ a
75
+ display: block
76
+ padding: 3px 15px
77
+ clear: both
78
+ font-weight: normal
79
+ line-height: $baseLineHeight
80
+ color: $dropdownLinkColor
81
+ white-space: nowrap
82
+
83
+ // Hover state
84
+ // -----------
85
+ .dropdown-menu li > a:hover,
86
+ .dropdown-menu .active > a,
87
+ .dropdown-menu .active > a:hover
88
+ color: $dropdownLinkColorHover
89
+ text-decoration: none
90
+ background-color: $dropdownLinkBackgroundHover
91
+
92
+ // Open state for the dropdown
93
+ // ---------------------------
94
+ .dropdown.open
95
+ // IE7's z-index only goes to the nearest positioned ancestor, which would
96
+ // make the menu appear below buttons that appeared later on the page
97
+ *z-index: $zindexDropdown
98
+ .dropdown-toggle
99
+ color: $white
100
+ background: #ccc
101
+ background: rgba(0,0,0,.3)
102
+ .dropdown-menu
103
+ display: block
104
+
105
+ // Right aligned dropdowns
106
+ .pull-right .dropdown-menu
107
+ left: auto
108
+ right: 0
109
+
110
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
111
+ // ------------------------------------------------------
112
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
113
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
114
+ .dropup,
115
+ .navbar-fixed-bottom .dropdown
116
+ // Reverse the caret
117
+ .caret
118
+ border-top: 0
119
+ border-bottom: 4px solid $black
120
+ content: "\2191"
121
+ // Different positioning for bottom up menu
122
+ .dropdown-menu
123
+ top: auto
124
+ bottom: 100%
125
+ margin-bottom: 1px
126
+
127
+ // Typeahead
128
+ .typeahead
129
+ margin-top: 2px // give it some space to breathe
130
+ +border-radius(4px)