anjlab-bootstrap-rails 2.0.4.4 → 2.1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +21 -20
- data/Rakefile +39 -26
- data/lib/bootstrap-rails/engine.rb +3 -0
- data/lib/bootstrap-rails/version.rb +1 -1
- data/vendor/assets/images/{glyphicons-halflings-white.png → twitter/glyphicons-halflings-white.png} +0 -0
- data/vendor/assets/images/twitter/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
- data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
- data/vendor/assets/javascripts/{bootstrap-alert.js → twitter/bootstrap/alert.js} +1 -1
- data/vendor/assets/javascripts/{bootstrap-button.js → twitter/bootstrap/button.js} +1 -1
- data/vendor/assets/javascripts/{bootstrap-carousel.js → twitter/bootstrap/carousel.js} +12 -5
- data/vendor/assets/javascripts/{bootstrap-collapse.js → twitter/bootstrap/collapse.js} +4 -3
- data/vendor/assets/javascripts/{bootstrap-dropdown.js → twitter/bootstrap/dropdown.js} +66 -16
- data/vendor/assets/javascripts/{bootstrap-modal.js → twitter/bootstrap/modal.js} +95 -74
- data/vendor/assets/javascripts/{bootstrap-popover.js → twitter/bootstrap/popover.js} +9 -4
- data/vendor/assets/javascripts/{bootstrap-scrollspy.js → twitter/bootstrap/scrollspy.js} +9 -9
- data/vendor/assets/javascripts/{bootstrap-tab.js → twitter/bootstrap/tab.js} +2 -2
- data/vendor/assets/javascripts/{bootstrap-tooltip.js → twitter/bootstrap/tooltip.js} +15 -15
- data/vendor/assets/javascripts/{bootstrap-transition.js → twitter/bootstrap/transition.js} +2 -3
- data/vendor/assets/javascripts/{bootstrap-typeahead.js → twitter/bootstrap/typeahead.js} +50 -35
- data/vendor/assets/stylesheets/twitter/bootstrap-responsive.scss +1 -0
- data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -0
- data/vendor/frameworks/twitter/bootstrap.scss +1 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/accordion.scss +3 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/alerts.scss +15 -8
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/bootstrap.scss +1 -1
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/breadcrumbs.scss +10 -10
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/button-groups.scss +76 -23
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/buttons.scss +76 -56
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/carousel.scss +13 -3
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/close.scss +4 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/code.scss +6 -5
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/component-animations.scss +5 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/dropdowns.scss +81 -14
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/forms.scss +99 -46
- data/vendor/frameworks/twitter/bootstrap/grid.scss +21 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/hero-unit.scss +4 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/labels-badges.scss +19 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/layouts.scss +1 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/mixins.scss +105 -81
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/modals.scss +9 -2
- data/vendor/frameworks/twitter/bootstrap/navbar.scss +468 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/navs.scss +38 -17
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pager.scss +5 -4
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pagination.scss +16 -8
- data/vendor/frameworks/twitter/bootstrap/popovers.scss +117 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/progress-bars.scss +18 -13
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/reset.scss +6 -3
- data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss +28 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-767px-max.scss +83 -69
- data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss +19 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-navbar.scss +17 -4
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-utilities.scss +17 -15
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive.scss +5 -5
- data/vendor/frameworks/twitter/bootstrap/scaffolding.scss +51 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/sprites.scss +17 -20
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/tables.scss +60 -15
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/thumbnails.scss +9 -4
- data/vendor/frameworks/twitter/bootstrap/tooltip.scss +70 -0
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/type.scss +56 -83
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/utilities.scss +9 -2
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/variables.scss +109 -36
- data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/wells.scss +7 -5
- metadata +63 -59
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap.js +0 -12
- data/vendor/assets/stylesheets/grid.scss +0 -5
- data/vendor/assets/stylesheets/navbar.scss +0 -358
- data/vendor/assets/stylesheets/popovers.scss +0 -49
- data/vendor/assets/stylesheets/responsive-1200px-min.scss +0 -26
- data/vendor/assets/stylesheets/responsive-768px-979px.scss +0 -17
- data/vendor/assets/stylesheets/scaffolding.scss +0 -29
- data/vendor/assets/stylesheets/tooltip.scss +0 -35
@@ -1,17 +1,13 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
//
|
2
|
+
// Typography
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
|
-
//
|
7
|
-
//
|
6
|
+
// Body text
|
7
|
+
// -------------------------
|
8
8
|
|
9
9
|
p {
|
10
10
|
margin: 0 0 $baseLineHeight / 2;
|
11
|
-
small {
|
12
|
-
font-size: $baseFontSize - 2;
|
13
|
-
color: $grayLight;
|
14
|
-
}
|
15
11
|
}
|
16
12
|
.lead {
|
17
13
|
margin-bottom: $baseLineHeight;
|
@@ -20,73 +16,68 @@ p {
|
|
20
16
|
line-height: $baseLineHeight * 1.5;
|
21
17
|
}
|
22
18
|
|
23
|
-
|
24
|
-
//
|
19
|
+
|
20
|
+
// Emphasis & misc
|
21
|
+
// -------------------------
|
22
|
+
|
23
|
+
small {
|
24
|
+
font-size: 85%; // Ex: 14px base font * 85% = about 12px
|
25
|
+
}
|
26
|
+
strong {
|
27
|
+
font-weight: bold;
|
28
|
+
}
|
29
|
+
em {
|
30
|
+
font-style: italic;
|
31
|
+
}
|
32
|
+
cite {
|
33
|
+
font-style: normal;
|
34
|
+
}
|
35
|
+
.muted {
|
36
|
+
color: $grayLight;
|
37
|
+
}
|
38
|
+
|
39
|
+
|
40
|
+
// Headings
|
41
|
+
// -------------------------
|
25
42
|
|
26
43
|
h1, h2, h3, h4, h5, h6 {
|
27
|
-
margin: 0;
|
44
|
+
margin: ($baseLineHeight / 2) 0;
|
28
45
|
font-family: $headingsFontFamily;
|
29
46
|
font-weight: $headingsFontWeight;
|
47
|
+
line-height: 1;
|
30
48
|
color: $headingsColor;
|
31
49
|
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
32
50
|
small {
|
33
51
|
font-weight: normal;
|
52
|
+
line-height: 1;
|
34
53
|
color: $grayLight;
|
35
54
|
}
|
36
55
|
}
|
37
|
-
h1 {
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
font-size: 18px;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
h3 {
|
52
|
-
font-size: 18px;
|
53
|
-
line-height: $baseLineHeight * 1.5;
|
54
|
-
small {
|
55
|
-
font-size: 14px;
|
56
|
-
}
|
57
|
-
}
|
58
|
-
h4, h5, h6 {
|
59
|
-
line-height: $baseLineHeight;
|
60
|
-
}
|
61
|
-
h4 {
|
62
|
-
font-size: 14px;
|
63
|
-
small {
|
64
|
-
font-size: 12px;
|
65
|
-
}
|
66
|
-
}
|
67
|
-
h5 {
|
68
|
-
font-size: 12px;
|
69
|
-
}
|
70
|
-
h6 {
|
71
|
-
font-size: 11px;
|
72
|
-
color: $grayLight;
|
73
|
-
text-transform: uppercase;
|
74
|
-
}
|
56
|
+
h1 { font-size: 36px; line-height: 40px; }
|
57
|
+
h2 { font-size: 30px; line-height: 40px; }
|
58
|
+
h3 { font-size: 24px; line-height: 40px; }
|
59
|
+
h4 { font-size: 18px; line-height: 20px; }
|
60
|
+
h5 { font-size: 14px; line-height: 20px; }
|
61
|
+
h6 { font-size: 12px; line-height: 20px; }
|
62
|
+
|
63
|
+
h1 small { font-size: 24px; }
|
64
|
+
h2 small { font-size: 18px; }
|
65
|
+
h3 small { font-size: 14px; }
|
66
|
+
h4 small { font-size: 14px; }
|
75
67
|
|
76
68
|
// Page header
|
69
|
+
// -------------------------
|
70
|
+
|
77
71
|
.page-header {
|
78
|
-
padding-bottom: $baseLineHeight - 1;
|
79
|
-
margin: $baseLineHeight 0;
|
72
|
+
padding-bottom: ($baseLineHeight / 2) - 1;
|
73
|
+
margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
|
80
74
|
border-bottom: 1px solid $grayLighter;
|
81
75
|
}
|
82
|
-
.page-header h1 {
|
83
|
-
line-height: 1;
|
84
|
-
}
|
85
76
|
|
86
77
|
|
87
78
|
|
88
|
-
//
|
89
|
-
//
|
79
|
+
// Lists
|
80
|
+
// --------------------------------------------------
|
90
81
|
|
91
82
|
// Unordered and Ordered lists
|
92
83
|
ul, ol {
|
@@ -99,12 +90,6 @@ ol ol,
|
|
99
90
|
ol ul {
|
100
91
|
margin-bottom: 0;
|
101
92
|
}
|
102
|
-
ul {
|
103
|
-
list-style: disc;
|
104
|
-
}
|
105
|
-
ol {
|
106
|
-
list-style: decimal;
|
107
|
-
}
|
108
93
|
li {
|
109
94
|
line-height: $baseLineHeight;
|
110
95
|
}
|
@@ -124,7 +109,6 @@ dd {
|
|
124
109
|
}
|
125
110
|
dt {
|
126
111
|
font-weight: bold;
|
127
|
-
line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
|
128
112
|
}
|
129
113
|
dd {
|
130
114
|
margin-left: $baseLineHeight / 2;
|
@@ -154,17 +138,6 @@ hr {
|
|
154
138
|
border-bottom: 1px solid $white;
|
155
139
|
}
|
156
140
|
|
157
|
-
// Emphasis
|
158
|
-
strong {
|
159
|
-
font-weight: bold;
|
160
|
-
}
|
161
|
-
em {
|
162
|
-
font-style: italic;
|
163
|
-
}
|
164
|
-
.muted {
|
165
|
-
color: $grayLight;
|
166
|
-
}
|
167
|
-
|
168
141
|
// Abbreviations and acronyms
|
169
142
|
abbr[title] {
|
170
143
|
cursor: help;
|
@@ -204,6 +177,14 @@ blockquote {
|
|
204
177
|
small {
|
205
178
|
text-align: right;
|
206
179
|
}
|
180
|
+
small {
|
181
|
+
&:before {
|
182
|
+
content: '';
|
183
|
+
}
|
184
|
+
&:after {
|
185
|
+
content: '\00A0 \2014';
|
186
|
+
}
|
187
|
+
}
|
207
188
|
}
|
208
189
|
}
|
209
190
|
|
@@ -222,11 +203,3 @@ address {
|
|
222
203
|
font-style: normal;
|
223
204
|
line-height: $baseLineHeight;
|
224
205
|
}
|
225
|
-
|
226
|
-
// Misc
|
227
|
-
small {
|
228
|
-
font-size: 100%;
|
229
|
-
}
|
230
|
-
cite {
|
231
|
-
font-style: normal;
|
232
|
-
}
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Utility classes
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
// Quick floats
|
5
7
|
.pull-right {
|
@@ -21,3 +23,8 @@
|
|
21
23
|
.invisible {
|
22
24
|
visibility: hidden;
|
23
25
|
}
|
26
|
+
|
27
|
+
// For Affix plugin
|
28
|
+
.affix {
|
29
|
+
position: fixed;
|
30
|
+
}
|
@@ -1,10 +1,9 @@
|
|
1
|
-
//
|
2
|
-
// Variables
|
3
|
-
//
|
4
|
-
|
1
|
+
//
|
2
|
+
// Variables
|
3
|
+
// --------------------------------------------------
|
5
4
|
|
6
5
|
|
7
|
-
//
|
6
|
+
// Global values
|
8
7
|
// --------------------------------------------------
|
9
8
|
|
10
9
|
|
@@ -47,11 +46,11 @@ $linkColorHover: darken($linkColor, 15%) !default;
|
|
47
46
|
// -------------------------
|
48
47
|
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
49
48
|
$serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
|
50
|
-
$monoFontFamily:
|
49
|
+
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
|
51
50
|
|
52
|
-
$baseFontSize:
|
51
|
+
$baseFontSize: 14px !default;
|
53
52
|
$baseFontFamily: $sansFontFamily !default;
|
54
|
-
$baseLineHeight:
|
53
|
+
$baseLineHeight: 20px !default;
|
55
54
|
$altFontFamily: $serifFontFamily !default;
|
56
55
|
|
57
56
|
$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
|
@@ -71,10 +70,10 @@ $tableBorder: #ddd !default; // table and cell border
|
|
71
70
|
// -------------------------
|
72
71
|
$btnBackground: $white !default;
|
73
72
|
$btnBackgroundHighlight: darken($white, 10%) !default;
|
74
|
-
$btnBorder: #
|
73
|
+
$btnBorder: #bbb !default;
|
75
74
|
|
76
75
|
$btnPrimaryBackground: $linkColor !default;
|
77
|
-
$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground,
|
76
|
+
$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
|
78
77
|
|
79
78
|
$btnInfoBackground: #5bc0de !default;
|
80
79
|
$btnInfoBackgroundHighlight: #2f96b4 !default;
|
@@ -88,7 +87,7 @@ $btnWarningBackgroundHighlight: $orange !default;
|
|
88
87
|
$btnDangerBackground: #ee5f5b !default;
|
89
88
|
$btnDangerBackgroundHighlight: #bd362f !default;
|
90
89
|
|
91
|
-
$btnInverseBackground:
|
90
|
+
$btnInverseBackground: #444 !default;
|
92
91
|
$btnInverseBackgroundHighlight: $grayDarker !default;
|
93
92
|
|
94
93
|
|
@@ -104,12 +103,18 @@ $formActionsBackground: #f5f5f5 !default;
|
|
104
103
|
// -------------------------
|
105
104
|
$dropdownBackground: $white !default;
|
106
105
|
$dropdownBorder: rgba(0,0,0,.2) !default;
|
107
|
-
$dropdownLinkColor: $grayDark !default;
|
108
|
-
$dropdownLinkColorHover: $white !default;
|
109
|
-
$dropdownLinkBackgroundHover: $linkColor !default;
|
110
106
|
$dropdownDividerTop: #e5e5e5 !default;
|
111
107
|
$dropdownDividerBottom: $white !default;
|
112
108
|
|
109
|
+
$dropdownLinkColor: $grayDark !default;
|
110
|
+
|
111
|
+
$dropdownLinkColorActive: $dropdownLinkColor !default;
|
112
|
+
$dropdownLinkBackgroundActive: $linkColor !default;
|
113
|
+
|
114
|
+
$dropdownLinkColorHover: $white !default;
|
115
|
+
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
|
116
|
+
|
117
|
+
|
113
118
|
|
114
119
|
// COMPONENT VARIABLES
|
115
120
|
// --------------------------------------------------
|
@@ -118,17 +123,17 @@ $dropdownDividerBottom: $white !default;
|
|
118
123
|
// -------------------------
|
119
124
|
// Used for a bird's eye view of components dependent on the z-axis
|
120
125
|
// Try to avoid customizing these :)
|
121
|
-
$zindexDropdown:
|
122
|
-
$zindexPopover:
|
123
|
-
$zindexTooltip:
|
124
|
-
$zindexFixedNavbar:
|
125
|
-
$zindexModalBackdrop:
|
126
|
-
$zindexModal:
|
126
|
+
$zindexDropdown: 1000 !default;
|
127
|
+
$zindexPopover: 1010 !default;
|
128
|
+
$zindexTooltip: 1030 !default;
|
129
|
+
$zindexFixedNavbar: 1030 !default;
|
130
|
+
$zindexModalBackdrop: 1040 !default;
|
131
|
+
$zindexModal: 1050 !default;
|
127
132
|
|
128
133
|
|
129
134
|
// Sprite icons path
|
130
|
-
$iconSpritePath: image-path("glyphicons-halflings.png") !default;
|
131
|
-
$iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
|
135
|
+
$iconSpritePath: image-path("twitter/glyphicons-halflings.png") !default;
|
136
|
+
$iconWhiteSpritePath: image-path("twitter/glyphicons-halflings-white.png") !default;
|
132
137
|
|
133
138
|
// Input placeholder text color
|
134
139
|
$placeholderText: $grayLight !default;
|
@@ -136,25 +141,55 @@ $placeholderText: $grayLight !default;
|
|
136
141
|
// Hr border color
|
137
142
|
$hrBorder: $grayLighter !default;
|
138
143
|
|
144
|
+
// Wells
|
145
|
+
// -------------------------
|
146
|
+
$wellBackground: #f5f5f5 !default;
|
147
|
+
|
148
|
+
|
139
149
|
// Navbar
|
140
150
|
// -------------------------
|
141
|
-
$
|
142
|
-
$navbarBackground: $grayDarker !default;
|
143
|
-
$navbarBackgroundHighlight: $grayDark !default;
|
151
|
+
$navbarCollapseWidth: 979px !default;
|
144
152
|
|
145
|
-
$
|
146
|
-
$
|
147
|
-
$
|
148
|
-
$
|
153
|
+
$navbarHeight: 40px !default;
|
154
|
+
$navbarBackgroundHighlight: #ffffff !default;
|
155
|
+
$navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
|
156
|
+
$navbarBorder: darken($navbarBackground, 12%) !default;
|
157
|
+
|
158
|
+
$navbarText: $gray !default;
|
159
|
+
$navbarLinkColor: $gray !default;
|
160
|
+
$navbarLinkColorHover: $grayDark !default;
|
161
|
+
$navbarLinkColorActive: $gray !default;
|
149
162
|
$navbarLinkBackgroundHover: transparent !default;
|
150
|
-
$navbarLinkBackgroundActive: $navbarBackground !default;
|
163
|
+
$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
|
151
164
|
|
152
|
-
$navbarSearchBackground: lighten($navbarBackground, 25%) !default;
|
153
|
-
$navbarSearchBackgroundFocus: $white !default;
|
154
|
-
$navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
|
155
|
-
$navbarSearchPlaceholderColor: #ccc !default;
|
156
165
|
$navbarBrandColor: $navbarLinkColor !default;
|
157
166
|
|
167
|
+
// Inverted navbar
|
168
|
+
$navbarInverseBackground: #111111 !default;
|
169
|
+
$navbarInverseBackgroundHighlight: #222222 !default;
|
170
|
+
$navbarInverseBorder: #252525 !default;
|
171
|
+
|
172
|
+
$navbarInverseText: $grayLight !default;
|
173
|
+
$navbarInverseLinkColor: $grayLight !default;
|
174
|
+
$navbarInverseLinkColorHover: $white !default;
|
175
|
+
$navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
|
176
|
+
$navbarInverseLinkBackgroundHover: transparent !default;
|
177
|
+
$navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
|
178
|
+
|
179
|
+
$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
|
180
|
+
$navbarInverseSearchBackgroundFocus: $white !default;
|
181
|
+
$navbarInverseSearchBorder: $navbarInverseBackground !default;
|
182
|
+
$navbarInverseSearchPlaceholderColor: #ccc !default;
|
183
|
+
|
184
|
+
$navbarInverseBrandColor: $navbarInverseLinkColor !default;
|
185
|
+
|
186
|
+
|
187
|
+
// Pagination
|
188
|
+
// -------------------------
|
189
|
+
$paginationBackground: #fff !default;
|
190
|
+
$paginationBorder: #ddd !default;
|
191
|
+
$paginationActiveBackground: #f5f5f5 !default;
|
192
|
+
|
158
193
|
|
159
194
|
// Hero unit
|
160
195
|
// -------------------------
|
@@ -182,10 +217,28 @@ $infoBackground: #d9edf7 !default;
|
|
182
217
|
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
|
183
218
|
|
184
219
|
|
220
|
+
// Tooltips and popovers
|
221
|
+
// -------------------------
|
222
|
+
$tooltipColor: #fff !default;
|
223
|
+
$tooltipBackground: #000 !default;
|
224
|
+
$tooltipArrowWidth: 5px !default;
|
225
|
+
$tooltipArrowColor: $tooltipBackground !default;
|
226
|
+
|
227
|
+
$popoverBackground: #fff !default;
|
228
|
+
$popoverArrowWidth: 10px !default;
|
229
|
+
$popoverArrowColor: #fff !default;
|
230
|
+
$popoverTitleBackground: darken($popoverBackground, 3%) !default;
|
231
|
+
|
232
|
+
// Special enhancement for popovers
|
233
|
+
$popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
|
234
|
+
$popoverArrowOuterColor: rgba(0,0,0,.25) !default;
|
235
|
+
|
236
|
+
|
185
237
|
|
186
238
|
// GRID
|
187
239
|
// --------------------------------------------------
|
188
240
|
|
241
|
+
|
189
242
|
// Default 940px grid
|
190
243
|
// -------------------------
|
191
244
|
$gridColumns: 12 !default;
|
@@ -193,6 +246,26 @@ $gridColumnWidth: 60px !default;
|
|
193
246
|
$gridGutterWidth: 20px !default;
|
194
247
|
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
|
195
248
|
|
249
|
+
// 1200px min
|
250
|
+
$gridColumnWidth1200: 70px !default;
|
251
|
+
$gridGutterWidth1200: 30px !default;
|
252
|
+
$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
|
253
|
+
|
254
|
+
// 768px-979px
|
255
|
+
$gridColumnWidth768: 42px !default;
|
256
|
+
$gridGutterWidth768: 20px !default;
|
257
|
+
$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
|
258
|
+
|
259
|
+
|
196
260
|
// Fluid grid
|
197
|
-
|
198
|
-
$
|
261
|
+
// -------------------------
|
262
|
+
$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
|
263
|
+
$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
|
264
|
+
|
265
|
+
// 1200px min
|
266
|
+
$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
|
267
|
+
$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
|
268
|
+
|
269
|
+
// 768px-979px
|
270
|
+
$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
|
271
|
+
$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
|
@@ -1,13 +1,15 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Wells
|
3
|
+
// --------------------------------------------------
|
3
4
|
|
5
|
+
|
6
|
+
// Base class
|
4
7
|
.well {
|
5
8
|
min-height: 20px;
|
6
9
|
padding: 19px;
|
7
10
|
margin-bottom: 20px;
|
8
|
-
background-color:
|
9
|
-
border: 1px solid
|
10
|
-
border: 1px solid rgba(0,0,0,.05);
|
11
|
+
background-color: $wellBackground;
|
12
|
+
border: 1px solid darken($wellBackground, 7%);
|
11
13
|
@include border-radius(4px);
|
12
14
|
@include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
13
15
|
blockquote {
|