sass_twitter_bootstrap 0.1.alpha.1

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 (42) hide show
  1. data/README.markdown +59 -0
  2. data/lib/sass_twitter_bootstrap.rb +3 -0
  3. data/stylesheets/_bootstrap.sass +67 -0
  4. data/stylesheets/sass_twitter_bootstrap/_accordion.sass +24 -0
  5. data/stylesheets/sass_twitter_bootstrap/_alerts.sass +65 -0
  6. data/stylesheets/sass_twitter_bootstrap/_bootstrap.sass +1 -0
  7. data/stylesheets/sass_twitter_bootstrap/_breadcrumbs.sass +18 -0
  8. data/stylesheets/sass_twitter_bootstrap/_button-groups.sass +129 -0
  9. data/stylesheets/sass_twitter_bootstrap/_buttons.sass +166 -0
  10. data/stylesheets/sass_twitter_bootstrap/_carousel.sass +95 -0
  11. data/stylesheets/sass_twitter_bootstrap/_close.sass +16 -0
  12. data/stylesheets/sass_twitter_bootstrap/_code.sass +51 -0
  13. data/stylesheets/sass_twitter_bootstrap/_component-animations.sass +16 -0
  14. data/stylesheets/sass_twitter_bootstrap/_dropdowns.sass +120 -0
  15. data/stylesheets/sass_twitter_bootstrap/_forms.sass +482 -0
  16. data/stylesheets/sass_twitter_bootstrap/_grid.sass +8 -0
  17. data/stylesheets/sass_twitter_bootstrap/_hero-unit.sass +17 -0
  18. data/stylesheets/sass_twitter_bootstrap/_labels.sass +42 -0
  19. data/stylesheets/sass_twitter_bootstrap/_layouts.sass +14 -0
  20. data/stylesheets/sass_twitter_bootstrap/_mixins.sass +487 -0
  21. data/stylesheets/sass_twitter_bootstrap/_modals.sass +84 -0
  22. data/stylesheets/sass_twitter_bootstrap/_navbar.sass +268 -0
  23. data/stylesheets/sass_twitter_bootstrap/_navs.sass +326 -0
  24. data/stylesheets/sass_twitter_bootstrap/_pager.sass +29 -0
  25. data/stylesheets/sass_twitter_bootstrap/_pagination.sass +53 -0
  26. data/stylesheets/sass_twitter_bootstrap/_popovers.sass +55 -0
  27. data/stylesheets/sass_twitter_bootstrap/_print.sass +15 -0
  28. data/stylesheets/sass_twitter_bootstrap/_progress-bars.sass +89 -0
  29. data/stylesheets/sass_twitter_bootstrap/_reset.sass +130 -0
  30. data/stylesheets/sass_twitter_bootstrap/_scaffolding.sass +25 -0
  31. data/stylesheets/sass_twitter_bootstrap/_sprites.sass +394 -0
  32. data/stylesheets/sass_twitter_bootstrap/_tables.sass +134 -0
  33. data/stylesheets/sass_twitter_bootstrap/_thumbnails.sass +34 -0
  34. data/stylesheets/sass_twitter_bootstrap/_tooltip.sass +43 -0
  35. data/stylesheets/sass_twitter_bootstrap/_type.sass +193 -0
  36. data/stylesheets/sass_twitter_bootstrap/_utilities.sass +20 -0
  37. data/stylesheets/sass_twitter_bootstrap/_variables.sass +101 -0
  38. data/stylesheets/sass_twitter_bootstrap/_wells.sass +15 -0
  39. data/templates/project/bootstrap.sass +67 -0
  40. data/templates/project/manifest.rb +20 -0
  41. data/templates/project/responsive.sass +255 -0
  42. metadata +110 -0
@@ -0,0 +1,268 @@
1
+ // NAVBAR (FIXED AND STATIC)
2
+ // -------------------------
3
+
4
+ // COMMON STYLES
5
+ // -------------
6
+
7
+ .navbar
8
+ overflow: visible
9
+ margin-bottom: $baseLineHeight
10
+
11
+ // Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
12
+ .navbar-inner
13
+ padding-left: 20px
14
+ padding-right: 20px
15
+ +gradient-vertical($navbarBackgroundHighlight, $navbarBackground)
16
+ +border-radius(4px)
17
+ $shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)
18
+ +box-shadow($shadow)
19
+
20
+ // Navbar button for toggling navbar items in responsive layouts
21
+ .btn-navbar
22
+ display: none
23
+ float: right
24
+ padding: 7px 10px
25
+ margin-left: 5px
26
+ margin-right: 5px
27
+ +buttonBackground($navbarBackgroundHighlight, $navbarBackground)
28
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075)
29
+ +box-shadow($shadow)
30
+
31
+ .btn-navbar .icon-bar
32
+ display: block
33
+ width: 18px
34
+ height: 2px
35
+ background-color: #f5f5f5
36
+ +border-radius(1px)
37
+ +box-shadow(0 1px 0 rgba(0, 0, 0, 0.25))
38
+
39
+ .btn-navbar .icon-bar + .icon-bar
40
+ margin-top: 3px
41
+
42
+ // Override the default collapsed state
43
+ .nav-collapse.collapse
44
+ height: auto
45
+
46
+ // Brand, links, text, and buttons
47
+ .navbar
48
+ // Hover and active states
49
+ .brand:hover
50
+ text-decoration: none
51
+ // Website or project name
52
+ .brand
53
+ float: left
54
+ display: block
55
+ padding: 8px 20px 12px
56
+ margin-left: -20px
57
+ // negative indent to left-align the text down the page
58
+ font-size: 20px
59
+ font-weight: 200
60
+ line-height: 1
61
+ color: $white
62
+ // Plain text in topbar
63
+ .navbar-text
64
+ margin-bottom: 0
65
+ line-height: 40px
66
+ color: $navbarText
67
+ a:hover
68
+ color: $white
69
+ background-color: transparent
70
+ // Buttons in navbar
71
+ .btn,
72
+ .btn-group
73
+ margin-top: 5px
74
+ // make buttons vertically centered in navbar
75
+ .btn-group .btn
76
+ margin-top: 0
77
+ // then undo the margin here so we don't accidentally double it
78
+
79
+ // Navbar forms
80
+ .navbar-form
81
+ margin-bottom: 0
82
+ // remove default bottom margin
83
+ +clearfix
84
+ input,
85
+ select
86
+ display: inline-block
87
+ margin-top: 5px
88
+ margin-bottom: 0
89
+ .radio,
90
+ .checkbox
91
+ margin-top: 5px
92
+ input[type="image"],
93
+ input[type="checkbox"],
94
+ input[type="radio"]
95
+ margin-top: 3px
96
+ .input-append,
97
+ .input-prepend
98
+ margin-top: 6px
99
+ white-space: nowrap
100
+ // preven two items from separating within a .navbar-form that has .pull-left
101
+ input
102
+ margin-top: 0
103
+ // remove the margin on top since it's on the parent
104
+
105
+ // Navbar search
106
+ .navbar-search
107
+ position: relative
108
+ float: left
109
+ margin-top: 6px
110
+ margin-bottom: 0
111
+ .search-query
112
+ padding: 4px 9px
113
+ +font-sans-serif(13px, normal, 1)
114
+ color: $white
115
+ color: rgba(255, 255, 255, 0.75)
116
+ background: #666
117
+ background: rgba(255, 255, 255, 0.3)
118
+ border: 1px solid #111
119
+ $shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15)
120
+ +box-shadow($shadow)
121
+ +transition(none)
122
+ // Placeholder text gets special styles; can't be bundled together though for some reason
123
+ +placeholder($grayLighter)
124
+ // Hover states
125
+ &:hover
126
+ color: $white
127
+ background-color: $grayLight
128
+ background-color: rgba(255, 255, 255, 0.5)
129
+ // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
130
+ &:focus,
131
+ &.focused
132
+ padding: 5px 10px
133
+ color: $grayDark
134
+ text-shadow: 0 1px 0 $white
135
+ background-color: $white
136
+ border: 0
137
+ +box-shadow(0 0 3px rgba(0, 0, 0, 0.15))
138
+ outline: 0
139
+
140
+ // FIXED NAVBAR
141
+ // ------------
142
+
143
+ .navbar-fixed-top
144
+ position: fixed
145
+ top: 0
146
+ right: 0
147
+ left: 0
148
+ z-index: $zindexFixedNavbar
149
+
150
+ .navbar-fixed-top .navbar-inner
151
+ padding-left: 0
152
+ padding-right: 0
153
+ +border-radius(0)
154
+
155
+ // NAVIGATION
156
+ // ----------
157
+
158
+ .navbar .nav
159
+ position: relative
160
+ left: 0
161
+ display: block
162
+ float: left
163
+ margin: 0 10px 0 0
164
+
165
+ .navbar .nav.pull-right
166
+ float: right
167
+ // redeclare due to specificity
168
+
169
+ .navbar .nav > li
170
+ display: block
171
+ float: left
172
+
173
+ // Links
174
+ .navbar .nav > li > a
175
+ float: none
176
+ padding: 10px 10px 11px
177
+ line-height: 19px
178
+ color: $navbarLinkColor
179
+ text-decoration: none
180
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
181
+
182
+ // Hover
183
+ .navbar .nav > li > a:hover
184
+ background-color: $navbarLinkBackgroundHover
185
+ // "transparent" is default to differentiate :hover from .active
186
+ color: $navbarLinkColorHover
187
+ text-decoration: none
188
+
189
+ // Active nav items
190
+
191
+ .navbar .nav .active > a,
192
+ .navbar .nav .active > a:hover
193
+ color: $navbarLinkColorHover
194
+ text-decoration: none
195
+ background-color: $navbarBackground
196
+ background-color: rgba(0, 0, 0, 0.5)
197
+
198
+ // Dividers (basically a vertical hr)
199
+ .navbar .divider-vertical
200
+ height: $navbarHeight
201
+ width: 1px
202
+ margin: 0 9px
203
+ overflow: hidden
204
+ background-color: $navbarBackground
205
+ border-right: 1px solid $navbarBackgroundHighlight
206
+
207
+ // Secondary (floated right) nav in topbar
208
+ .navbar .nav.pull-right
209
+ margin-left: 10px
210
+ margin-right: 0
211
+
212
+ // Dropdown menus
213
+ // --------------
214
+
215
+ // Menu position and menu carets
216
+ .navbar .dropdown-menu
217
+ margin-top: 1px
218
+ +border-radius(4px)
219
+ &:before
220
+ content: ''
221
+ display: inline-block
222
+ border-left: 7px solid transparent
223
+ border-right: 7px solid transparent
224
+ border-bottom: 7px solid #ccc
225
+ border-bottom-color: rgba(0, 0, 0, 0.2)
226
+ position: absolute
227
+ top: -7px
228
+ left: 9px
229
+ &:after
230
+ content: ''
231
+ display: inline-block
232
+ border-left: 6px solid transparent
233
+ border-right: 6px solid transparent
234
+ border-bottom: 6px solid $white
235
+ position: absolute
236
+ top: -6px
237
+ left: 10px
238
+
239
+ // Dropdown toggle caret
240
+
241
+ .navbar .nav .dropdown-toggle .caret,
242
+ .navbar .nav .open.dropdown .caret
243
+ border-top-color: $white
244
+
245
+ .navbar .nav .active .caret
246
+ +opacity(100)
247
+
248
+ // Remove background color from open dropdown
249
+
250
+ .navbar .nav .open > .dropdown-toggle,
251
+ .navbar .nav .active > .dropdown-toggle,
252
+ .navbar .nav .open.active > .dropdown-toggle
253
+ background-color: transparent
254
+
255
+ // Dropdown link on hover
256
+ .navbar .nav .active > .dropdown-toggle:hover
257
+ color: $white
258
+
259
+ // Right aligned menus need alt position
260
+ .navbar .nav.pull-right .dropdown-menu
261
+ left: auto
262
+ right: 0
263
+ &:before
264
+ left: auto
265
+ right: 12px
266
+ &:after
267
+ left: auto
268
+ right: 13px
@@ -0,0 +1,326 @@
1
+ // NAVIGATIONS
2
+ // -----------
3
+
4
+ // BASE CLASS
5
+ // ----------
6
+
7
+ .nav
8
+ margin-left: 0
9
+ margin-bottom: $baseLineHeight
10
+ list-style: none
11
+
12
+ // Make links block level
13
+ .nav > li > a
14
+ display: block
15
+
16
+ .nav > li > a:hover
17
+ text-decoration: none
18
+ background-color: $grayLighter
19
+
20
+ // Nav headers (for dropdowns and lists)
21
+ .nav .nav-header
22
+ display: block
23
+ padding: 3px 15px
24
+ font-size: 11px
25
+ font-weight: bold
26
+ line-height: $baseLineHeight
27
+ color: $grayLight
28
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
29
+ text-transform: uppercase
30
+
31
+ // Space them out when they follow another list item (link)
32
+ .nav li + .nav-header
33
+ margin-top: 9px
34
+
35
+ // NAV LIST
36
+ // --------
37
+
38
+ .nav-list
39
+ padding-left: 14px
40
+ padding-right: 14px
41
+ margin-bottom: 0
42
+
43
+ .nav-list > li > a,
44
+ .nav-list .nav-header
45
+ margin-left: -15px
46
+ margin-right: -15px
47
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
48
+
49
+ .nav-list > li > a
50
+ padding: 3px 15px
51
+
52
+ .nav-list .active > a,
53
+ .nav-list .active > a:hover
54
+ color: $white
55
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
56
+ background-color: $linkColor
57
+
58
+ .nav-list [class^="icon-"]
59
+ margin-right: 2px
60
+
61
+ // TABS AND PILLS
62
+ // -------------
63
+
64
+ // Common styles
65
+
66
+ .nav-tabs,
67
+ .nav-pills
68
+ +clearfix
69
+
70
+ .nav-tabs > li,
71
+ .nav-pills > li
72
+ float: left
73
+
74
+ .nav-tabs > li > a,
75
+ .nav-pills > li > a
76
+ padding-right: 12px
77
+ padding-left: 12px
78
+ margin-right: 2px
79
+ line-height: 14px
80
+ // keeps the overall height an even number
81
+
82
+ // TABS
83
+ // ----
84
+
85
+ // Give the tabs something to sit on
86
+ .nav-tabs
87
+ border-bottom: 1px solid #ddd
88
+
89
+ // Make the list-items overlay the bottom border
90
+ .nav-tabs > li
91
+ margin-bottom: -1px
92
+
93
+ // Actual tabs (as links)
94
+ .nav-tabs > li > a
95
+ padding-top: 9px
96
+ padding-bottom: 9px
97
+ border: 1px solid transparent
98
+ +border-radius(4px 4px 0 0)
99
+ &:hover
100
+ border-color: $grayLighter $grayLighter #dddddd
101
+
102
+ // Active state, and it's :hover to override normal :hover
103
+
104
+ .nav-tabs > .active > a,
105
+ .nav-tabs > .active > a:hover
106
+ color: $gray
107
+ background-color: $white
108
+ border: 1px solid #ddd
109
+ border-bottom-color: transparent
110
+ cursor: default
111
+
112
+ // PILLS
113
+ // -----
114
+
115
+ // Links rendered as pills
116
+ .nav-pills > li > a
117
+ padding-top: 8px
118
+ padding-bottom: 8px
119
+ margin-top: 2px
120
+ margin-bottom: 2px
121
+ +border-radius(5px)
122
+
123
+ // Active state
124
+
125
+ .nav-pills .active > a,
126
+ .nav-pills .active > a:hover
127
+ color: $white
128
+ background-color: $linkColor
129
+
130
+ // STACKED NAV
131
+ // -----------
132
+
133
+ // Stacked tabs and pills
134
+ .nav-stacked > li
135
+ float: none
136
+
137
+ .nav-stacked > li > a
138
+ margin-right: 0
139
+ // no need for the gap between nav items
140
+
141
+ // Tabs
142
+ .nav-tabs.nav-stacked
143
+ border-bottom: 0
144
+
145
+ .nav-tabs.nav-stacked > li > a
146
+ border: 1px solid #ddd
147
+ +border-radius(0)
148
+
149
+ .nav-tabs.nav-stacked > li:first-child > a
150
+ +border-radius(4px 4px 0 0)
151
+
152
+ .nav-tabs.nav-stacked > li:last-child > a
153
+ +border-radius(0 0 4px 4px)
154
+
155
+ .nav-tabs.nav-stacked > li > a:hover
156
+ border-color: #ddd
157
+ z-index: 2
158
+
159
+ // Pills
160
+ .nav-pills.nav-stacked > li > a
161
+ margin-bottom: 3px
162
+
163
+ .nav-pills.nav-stacked > li:last-child > a
164
+ margin-bottom: 1px
165
+ // decrease margin to match sizing of stacked tabs
166
+
167
+ // DROPDOWNS
168
+ // ---------
169
+
170
+ // Position the menu
171
+
172
+ .nav-tabs .dropdown-menu,
173
+ .nav-pills .dropdown-menu
174
+ margin-top: 1px
175
+ border-width: 1px
176
+
177
+ .nav-pills .dropdown-menu
178
+ +border-radius(4px)
179
+
180
+ // Default dropdown links
181
+ // -------------------------
182
+ // Make carets use linkColor to start
183
+
184
+ .nav-tabs .dropdown-toggle .caret,
185
+ .nav-pills .dropdown-toggle .caret
186
+ border-top-color: $linkColor
187
+ margin-top: 6px
188
+
189
+ .nav-tabs .dropdown-toggle:hover .caret,
190
+ .nav-pills .dropdown-toggle:hover .caret
191
+ border-top-color: $linkColorHover
192
+
193
+ // Active dropdown links
194
+ // -------------------------
195
+
196
+ .nav-tabs .active .dropdown-toggle .caret,
197
+ .nav-pills .active .dropdown-toggle .caret
198
+ border-top-color: $grayDark
199
+
200
+ // Active:hover dropdown links
201
+ // -------------------------
202
+ .nav > .dropdown.active > a:hover
203
+ color: $black
204
+ cursor: pointer
205
+
206
+ // Open dropdowns
207
+ // -------------------------
208
+
209
+ .nav-tabs .open .dropdown-toggle,
210
+ .nav-pills .open .dropdown-toggle,
211
+ .nav > .open.active > a:hover
212
+ color: $white
213
+ background-color: $grayLight
214
+ border-color: $grayLight
215
+
216
+ .nav .open .caret,
217
+ .nav .open.active .caret,
218
+ .nav .open a:hover .caret
219
+ border-top-color: $white
220
+ +opacity(100)
221
+
222
+ // Dropdowns in stacked tabs
223
+ .tabs-stacked .open > a:hover
224
+ border-color: $grayLight
225
+
226
+ // TABBABLE
227
+ // --------
228
+
229
+ // COMMON STYLES
230
+ // -------------
231
+
232
+ // Clear any floats
233
+ .tabbable
234
+ +clearfix
235
+
236
+ .tab-content
237
+ overflow: hidden
238
+ // prevent content from running below tabs
239
+
240
+ // Remove border on bottom, left, right
241
+
242
+ .tabs-below .nav-tabs,
243
+ .tabs-right .nav-tabs,
244
+ .tabs-left .nav-tabs
245
+ border-bottom: 0
246
+
247
+ // Show/hide tabbable areas
248
+
249
+ .tab-content > .tab-pane,
250
+ .pill-content > .pill-pane
251
+ display: none
252
+
253
+ .tab-content > .active,
254
+ .pill-content > .active
255
+ display: block
256
+
257
+ // BOTTOM
258
+ // ------
259
+
260
+ .tabs-below .nav-tabs
261
+ border-top: 1px solid #ddd
262
+
263
+ .tabs-below .nav-tabs > li
264
+ margin-top: -1px
265
+ margin-bottom: 0
266
+
267
+ .tabs-below .nav-tabs > li > a
268
+ +border-radius(0 0 4px 4px)
269
+ &:hover
270
+ border-bottom-color: transparent
271
+ border-top-color: #ddd
272
+
273
+ .tabs-below .nav-tabs .active > a,
274
+ .tabs-below .nav-tabs .active > a:hover
275
+ border-color: transparent #ddd #ddd #ddd
276
+
277
+ // LEFT & RIGHT
278
+ // ------------
279
+
280
+ // Common styles
281
+
282
+ .tabs-left .nav-tabs > li,
283
+ .tabs-right .nav-tabs > li
284
+ float: none
285
+
286
+ .tabs-left .nav-tabs > li > a,
287
+ .tabs-right .nav-tabs > li > a
288
+ min-width: 74px
289
+ margin-right: 0
290
+ margin-bottom: 3px
291
+
292
+ // Tabs on the left
293
+ .tabs-left .nav-tabs
294
+ float: left
295
+ margin-right: 19px
296
+ border-right: 1px solid #ddd
297
+
298
+ .tabs-left .nav-tabs > li > a
299
+ margin-right: -1px
300
+ +border-radius(4px 0 0 4px)
301
+
302
+ .tabs-left .nav-tabs > li > a:hover
303
+ border-color: $grayLighter #dddddd $grayLighter $grayLighter
304
+
305
+ .tabs-left .nav-tabs .active > a,
306
+ .tabs-left .nav-tabs .active > a:hover
307
+ border-color: #ddd transparent #ddd #ddd
308
+ *border-right-color: $white
309
+
310
+ // Tabs on the right
311
+ .tabs-right .nav-tabs
312
+ float: right
313
+ margin-left: 19px
314
+ border-left: 1px solid #ddd
315
+
316
+ .tabs-right .nav-tabs > li > a
317
+ margin-left: -1px
318
+ +border-radius(0 4px 4px 0)
319
+
320
+ .tabs-right .nav-tabs > li > a:hover
321
+ border-color: $grayLighter $grayLighter $grayLighter #dddddd
322
+
323
+ .tabs-right .nav-tabs .active > a,
324
+ .tabs-right .nav-tabs .active > a:hover
325
+ border-color: #ddd #ddd #ddd transparent
326
+ *border-left-color: $white
@@ -0,0 +1,29 @@
1
+ // PAGER
2
+ // -----
3
+
4
+ .pager
5
+ margin-left: 0
6
+ margin-bottom: $baseLineHeight
7
+ list-style: none
8
+ text-align: center
9
+ +clearfix
10
+
11
+ .pager li
12
+ display: inline
13
+
14
+ .pager a
15
+ display: inline-block
16
+ padding: 5px 14px
17
+ background-color: #fff
18
+ border: 1px solid #ddd
19
+ +border-radius(15px)
20
+
21
+ .pager a:hover
22
+ text-decoration: none
23
+ background-color: #f5f5f5
24
+
25
+ .pager .next a
26
+ float: right
27
+
28
+ .pager .previous a
29
+ float: left
@@ -0,0 +1,53 @@
1
+ // PAGINATION
2
+ // ----------
3
+
4
+ .pagination
5
+ height: $baseLineHeight * 2
6
+ margin: $baseLineHeight 0
7
+
8
+ .pagination ul
9
+ display: inline-block
10
+ +ie7-inline-block
11
+ margin-left: 0
12
+ margin-bottom: 0
13
+ +border-radius(3px)
14
+ +box-shadow(0 1px 2px rgba(0, 0, 0, 0.05))
15
+
16
+ .pagination li
17
+ display: inline
18
+
19
+ .pagination a
20
+ float: left
21
+ padding: 0 14px
22
+ line-height: $baseLineHeight * 2 - 2
23
+ text-decoration: none
24
+ border: 1px solid #ddd
25
+ border-left-width: 0
26
+
27
+ .pagination a:hover,
28
+ .pagination .active a
29
+ background-color: #f5f5f5
30
+
31
+ .pagination .active a
32
+ color: $grayLight
33
+ cursor: default
34
+
35
+ .pagination .disabled a,
36
+ .pagination .disabled a:hover
37
+ color: $grayLight
38
+ background-color: transparent
39
+ cursor: default
40
+
41
+ .pagination li:first-child a
42
+ border-left-width: 1px
43
+ +border-radius(3px 0 0 3px)
44
+
45
+ .pagination li:last-child a
46
+ +border-radius(0 3px 3px 0)
47
+
48
+ // Centered
49
+ .pagination-centered
50
+ text-align: center
51
+
52
+ .pagination-right
53
+ text-align: right
@@ -0,0 +1,55 @@
1
+ // POPOVERS
2
+ // --------
3
+
4
+ .popover
5
+ position: absolute
6
+ top: 0
7
+ left: 0
8
+ z-index: $zindexPopover
9
+ display: none
10
+ padding: 5px
11
+ &.top
12
+ margin-top: -5px
13
+ &.right
14
+ margin-left: 5px
15
+ &.bottom
16
+ margin-top: 5px
17
+ &.left
18
+ margin-left: -5px
19
+ &.top .arrow
20
+ +popoverArrow-top
21
+ &.right .arrow
22
+ +popoverArrow-right
23
+ &.bottom .arrow
24
+ +popoverArrow-bottom
25
+ &.left .arrow
26
+ +popoverArrow-left
27
+ .arrow
28
+ position: absolute
29
+ width: 0
30
+ height: 0
31
+
32
+ .popover-inner
33
+ padding: 3px
34
+ width: 280px
35
+ overflow: hidden
36
+ background: $black
37
+ // has to be full background declaration for IE fallback
38
+ background: rgba(0, 0, 0, 0.8)
39
+ +border-radius(6px)
40
+ +box-shadow(0 3px 7px rgba(0, 0, 0, 0.3))
41
+
42
+ .popover-title
43
+ padding: 9px 15px
44
+ line-height: 1
45
+ background-color: #f5f5f5
46
+ border-bottom: 1px solid #eee
47
+ +border-radius(3px 3px 0 0)
48
+
49
+ .popover-content
50
+ padding: 14px
51
+ background-color: $white
52
+ +border-radius(0 0 3px 3px)
53
+ +background-clip(padding-box)
54
+ p, ul, ol
55
+ margin-bottom: 0