sass-rails-bootstrap 2.0.2

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 (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)