bootstrap-sass-rails 3.0.0.3 → 3.1.0.0
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.
- data/LICENSE +1 -1
- data/README.md +24 -113
- data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
- data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
- data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
- data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
- data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
- data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
- data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
- data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
- data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
- data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
- data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
- data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
- data/app/assets/javascripts/twitter/bootstrap.js +1 -12
- data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
- data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
- data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
- data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
- data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
- data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
- data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
- data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
- data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
- data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
- data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
- data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
- data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
- data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
- data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
- data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
- data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
- data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
- data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
- data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
- data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
- data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
- data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
- data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
- data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
- data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
- data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
- data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
- data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
- data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
- data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
- data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
- data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
- data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
- data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
- data/lib/bootstrap/sass/rails/engine.rb +4 -1
- data/lib/bootstrap/sass/rails/version.rb +2 -1
- data/lib/bootstrap-sass-rails.rb +1 -1
- data/lib/generators/bootstrap/customize_generator.rb +37 -0
- data/lib/generators/bootstrap/templates/USAGE +23 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
- data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
- data/test/cases/less_to_sass_spec.rb +1 -1
- data/test/cases/usage_css_spec.rb +0 -3
- metadata +60 -18
- checksums.yaml +0 -15
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/lib/bootstrap/sass/extensions/functions.rb +0 -15
- data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,232 +1 @@
|
|
1
|
-
|
2
|
-
//
|
3
|
-
// Load core variables and mixins
|
4
|
-
// --------------------------------------------------
|
5
|
-
|
6
|
-
@import "twitter/bootstrap/variables";
|
7
|
-
@import "twitter/bootstrap/mixins";
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
//
|
12
|
-
// Buttons
|
13
|
-
// --------------------------------------------------
|
14
|
-
|
15
|
-
// Common styles
|
16
|
-
.btn-default,
|
17
|
-
.btn-primary,
|
18
|
-
.btn-success,
|
19
|
-
.btn-info,
|
20
|
-
.btn-warning,
|
21
|
-
.btn-danger {
|
22
|
-
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
23
|
-
$shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
|
24
|
-
@include box-shadow($shadow);
|
25
|
-
|
26
|
-
// Reset the shadow
|
27
|
-
&:active,
|
28
|
-
&.active {
|
29
|
-
@include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
// Mixin for generating new styles
|
34
|
-
@mixin btn-styles($btn-color: #555) {
|
35
|
-
@include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 10%));
|
36
|
-
border-color: darken($btn-color, 12%);
|
37
|
-
|
38
|
-
&:active,
|
39
|
-
&.active {
|
40
|
-
background-color: darken($btn-color, 10%);
|
41
|
-
border-color: darken($btn-color, 12%);
|
42
|
-
}
|
43
|
-
}
|
44
|
-
|
45
|
-
// Common styles
|
46
|
-
.btn {
|
47
|
-
// Remove the gradient for the pressed/active state
|
48
|
-
&:active,
|
49
|
-
&.active {
|
50
|
-
background-image: none;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
// Apply the mixin to the buttons
|
55
|
-
.btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
|
56
|
-
.btn-primary { @include btn-styles($btn-primary-bg); }
|
57
|
-
.btn-success { @include btn-styles($btn-success-bg); }
|
58
|
-
.btn-warning { @include btn-styles($btn-warning-bg); }
|
59
|
-
.btn-danger { @include btn-styles($btn-danger-bg); }
|
60
|
-
.btn-info { @include btn-styles($btn-info-bg); }
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
//
|
65
|
-
// Images
|
66
|
-
// --------------------------------------------------
|
67
|
-
|
68
|
-
.thumbnail,
|
69
|
-
.img-thumbnail {
|
70
|
-
@include box-shadow(0 1px 2px rgba(0,0,0,.075));
|
71
|
-
}
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
//
|
76
|
-
// Dropdowns
|
77
|
-
// --------------------------------------------------
|
78
|
-
|
79
|
-
.dropdown-menu > li > a:hover,
|
80
|
-
.dropdown-menu > li > a:focus,
|
81
|
-
.dropdown-menu > .active > a,
|
82
|
-
.dropdown-menu > .active > a:hover,
|
83
|
-
.dropdown-menu > .active > a:focus {
|
84
|
-
@include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
|
85
|
-
background-color: darken($dropdown-link-hover-bg, 5%);
|
86
|
-
}
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
//
|
91
|
-
// Navbar
|
92
|
-
// --------------------------------------------------
|
93
|
-
|
94
|
-
// Basic navbar
|
95
|
-
.navbar {
|
96
|
-
@include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
|
97
|
-
border-radius: $navbar-border-radius;
|
98
|
-
$shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
|
99
|
-
@include box-shadow($shadow);
|
100
|
-
|
101
|
-
.navbar-nav > .active > a {
|
102
|
-
background-color: $navbar-default-bg;
|
103
|
-
}
|
104
|
-
}
|
105
|
-
.navbar-brand,
|
106
|
-
.navbar-nav > li > a {
|
107
|
-
text-shadow: 0 1px 0 rgba(255,255,255,.25);
|
108
|
-
}
|
109
|
-
|
110
|
-
// Inverted navbar
|
111
|
-
.navbar-inverse {
|
112
|
-
@include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
|
113
|
-
|
114
|
-
.navbar-nav > .active > a {
|
115
|
-
background-color: $navbar-inverse-bg;
|
116
|
-
}
|
117
|
-
|
118
|
-
.navbar-brand,
|
119
|
-
.navbar-nav > li > a {
|
120
|
-
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
121
|
-
}
|
122
|
-
}
|
123
|
-
|
124
|
-
// Undo rounded corners in static and fixed navbars
|
125
|
-
.navbar-static-top,
|
126
|
-
.navbar-fixed-top,
|
127
|
-
.navbar-fixed-bottom {
|
128
|
-
border-radius: 0;
|
129
|
-
}
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
//
|
134
|
-
// Alerts
|
135
|
-
// --------------------------------------------------
|
136
|
-
|
137
|
-
// Common styles
|
138
|
-
.alert {
|
139
|
-
text-shadow: 0 1px 0 rgba(255,255,255,.2);
|
140
|
-
$shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
|
141
|
-
@include box-shadow($shadow);
|
142
|
-
}
|
143
|
-
|
144
|
-
// Mixin for generating new styles
|
145
|
-
@mixin alert-styles($color) {
|
146
|
-
@include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%));
|
147
|
-
border-color: darken($color, 15%);
|
148
|
-
}
|
149
|
-
|
150
|
-
// Apply the mixin to the alerts
|
151
|
-
.alert-success { @include alert-styles($alert-success-bg); }
|
152
|
-
.alert-info { @include alert-styles($alert-info-bg); }
|
153
|
-
.alert-warning { @include alert-styles($alert-warning-bg); }
|
154
|
-
.alert-danger { @include alert-styles($alert-danger-bg); }
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
//
|
159
|
-
// Progress bars
|
160
|
-
// --------------------------------------------------
|
161
|
-
|
162
|
-
// Give the progress background some depth
|
163
|
-
.progress {
|
164
|
-
@include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg)
|
165
|
-
}
|
166
|
-
|
167
|
-
// Mixin for generating new styles
|
168
|
-
@mixin progress-bar-styles($color) {
|
169
|
-
@include gradient-vertical($start-color: $color, $end-color: darken($color, 10%));
|
170
|
-
}
|
171
|
-
|
172
|
-
// Apply the mixin to the progress bars
|
173
|
-
.progress-bar { @include progress-bar-styles($progress-bar-bg); }
|
174
|
-
.progress-bar-success { @include progress-bar-styles($progress-bar-success-bg); }
|
175
|
-
.progress-bar-info { @include progress-bar-styles($progress-bar-info-bg); }
|
176
|
-
.progress-bar-warning { @include progress-bar-styles($progress-bar-warning-bg); }
|
177
|
-
.progress-bar-danger { @include progress-bar-styles($progress-bar-danger-bg); }
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
//
|
182
|
-
// List groups
|
183
|
-
// --------------------------------------------------
|
184
|
-
|
185
|
-
.list-group {
|
186
|
-
border-radius: $border-radius-base;
|
187
|
-
@include box-shadow(0 1px 2px rgba(0,0,0,.075));
|
188
|
-
}
|
189
|
-
.list-group-item.active,
|
190
|
-
.list-group-item.active:hover,
|
191
|
-
.list-group-item.active:focus {
|
192
|
-
text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%);
|
193
|
-
@include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%));
|
194
|
-
border-color: darken($list-group-active-border, 7.5%);
|
195
|
-
}
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
//
|
200
|
-
// Panels
|
201
|
-
// --------------------------------------------------
|
202
|
-
|
203
|
-
// Common styles
|
204
|
-
.panel {
|
205
|
-
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
206
|
-
}
|
207
|
-
|
208
|
-
// Mixin for generating new styles
|
209
|
-
@mixin panel-heading-styles($color) {
|
210
|
-
@include gradient-vertical($start-color: $color, $end-color: darken($color, 5%));
|
211
|
-
}
|
212
|
-
|
213
|
-
// Apply the mixin to the panel headings only
|
214
|
-
.panel-default > .panel-heading { @include panel-heading-styles($panel-default-heading-bg); }
|
215
|
-
.panel-primary > .panel-heading { @include panel-heading-styles($panel-primary-heading-bg); }
|
216
|
-
.panel-success > .panel-heading { @include panel-heading-styles($panel-success-heading-bg); }
|
217
|
-
.panel-info > .panel-heading { @include panel-heading-styles($panel-info-heading-bg); }
|
218
|
-
.panel-warning > .panel-heading { @include panel-heading-styles($panel-warning-heading-bg); }
|
219
|
-
.panel-danger > .panel-heading { @include panel-heading-styles($panel-danger-heading-bg); }
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
//
|
224
|
-
// Wells
|
225
|
-
// --------------------------------------------------
|
226
|
-
|
227
|
-
.well {
|
228
|
-
@include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
|
229
|
-
border-color: darken($well-bg, 10%);
|
230
|
-
$shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
|
231
|
-
@include box-shadow($shadow);
|
232
|
-
}
|
1
|
+
@import "bootstrap/theme";
|
@@ -1,31 +1 @@
|
|
1
|
-
|
2
|
-
// Thumbnails
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Mixin and adjust the regular image class
|
7
|
-
.thumbnail {
|
8
|
-
@extend .img-thumbnail;
|
9
|
-
display: block; // Override the inline-block from `.img-thumbnail`
|
10
|
-
|
11
|
-
> img {
|
12
|
-
@include img-responsive();
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
|
17
|
-
// Add a hover state for linked versions only
|
18
|
-
a.thumbnail:hover,
|
19
|
-
a.thumbnail:focus {
|
20
|
-
border-color: $link-color;
|
21
|
-
}
|
22
|
-
|
23
|
-
// Images and captions
|
24
|
-
.thumbnail > img {
|
25
|
-
margin-left: auto;
|
26
|
-
margin-right: auto;
|
27
|
-
}
|
28
|
-
.thumbnail .caption {
|
29
|
-
padding: $thumbnail-caption-padding;
|
30
|
-
color: $thumbnail-caption-color;
|
31
|
-
}
|
1
|
+
@import "bootstrap/thumbnails";
|
@@ -1,95 +1 @@
|
|
1
|
-
|
2
|
-
// Tooltips
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Base class
|
7
|
-
.tooltip {
|
8
|
-
position: absolute;
|
9
|
-
z-index: $zindex-tooltip;
|
10
|
-
display: block;
|
11
|
-
visibility: visible;
|
12
|
-
font-size: $font-size-small;
|
13
|
-
line-height: 1.4;
|
14
|
-
@include opacity(0);
|
15
|
-
|
16
|
-
&.in { @include opacity(.9); }
|
17
|
-
&.top { margin-top: -3px; padding: 5px 0; }
|
18
|
-
&.right { margin-left: 3px; padding: 0 5px; }
|
19
|
-
&.bottom { margin-top: 3px; padding: 5px 0; }
|
20
|
-
&.left { margin-left: -3px; padding: 0 5px; }
|
21
|
-
}
|
22
|
-
|
23
|
-
// Wrapper for the tooltip content
|
24
|
-
.tooltip-inner {
|
25
|
-
max-width: $tooltip-max-width;
|
26
|
-
padding: 3px 8px;
|
27
|
-
color: $tooltip-color;
|
28
|
-
text-align: center;
|
29
|
-
text-decoration: none;
|
30
|
-
background-color: $tooltip-bg;
|
31
|
-
border-radius: $border-radius-base;
|
32
|
-
}
|
33
|
-
|
34
|
-
// Arrows
|
35
|
-
.tooltip-arrow {
|
36
|
-
position: absolute;
|
37
|
-
width: 0;
|
38
|
-
height: 0;
|
39
|
-
border-color: transparent;
|
40
|
-
border-style: solid;
|
41
|
-
}
|
42
|
-
.tooltip {
|
43
|
-
&.top .tooltip-arrow {
|
44
|
-
bottom: 0;
|
45
|
-
left: 50%;
|
46
|
-
margin-left: -$tooltip-arrow-width;
|
47
|
-
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
48
|
-
border-top-color: $tooltip-arrow-color;
|
49
|
-
}
|
50
|
-
&.top-left .tooltip-arrow {
|
51
|
-
bottom: 0;
|
52
|
-
left: 5px;
|
53
|
-
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
54
|
-
border-top-color: $tooltip-arrow-color;
|
55
|
-
}
|
56
|
-
&.top-right .tooltip-arrow {
|
57
|
-
bottom: 0;
|
58
|
-
right: 5px;
|
59
|
-
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
60
|
-
border-top-color: $tooltip-arrow-color;
|
61
|
-
}
|
62
|
-
&.right .tooltip-arrow {
|
63
|
-
top: 50%;
|
64
|
-
left: 0;
|
65
|
-
margin-top: -$tooltip-arrow-width;
|
66
|
-
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
|
67
|
-
border-right-color: $tooltip-arrow-color;
|
68
|
-
}
|
69
|
-
&.left .tooltip-arrow {
|
70
|
-
top: 50%;
|
71
|
-
right: 0;
|
72
|
-
margin-top: -$tooltip-arrow-width;
|
73
|
-
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
|
74
|
-
border-left-color: $tooltip-arrow-color;
|
75
|
-
}
|
76
|
-
&.bottom .tooltip-arrow {
|
77
|
-
top: 0;
|
78
|
-
left: 50%;
|
79
|
-
margin-left: -$tooltip-arrow-width;
|
80
|
-
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
81
|
-
border-bottom-color: $tooltip-arrow-color;
|
82
|
-
}
|
83
|
-
&.bottom-left .tooltip-arrow {
|
84
|
-
top: 0;
|
85
|
-
left: 5px;
|
86
|
-
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
87
|
-
border-bottom-color: $tooltip-arrow-color;
|
88
|
-
}
|
89
|
-
&.bottom-right .tooltip-arrow {
|
90
|
-
top: 0;
|
91
|
-
right: 5px;
|
92
|
-
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
93
|
-
border-bottom-color: $tooltip-arrow-color;
|
94
|
-
}
|
95
|
-
}
|
1
|
+
@import "bootstrap/tooltip";
|
@@ -1,238 +1 @@
|
|
1
|
-
|
2
|
-
// Typography
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Body text
|
7
|
-
// -------------------------
|
8
|
-
|
9
|
-
p {
|
10
|
-
margin: 0 0 ($line-height-computed / 2);
|
11
|
-
}
|
12
|
-
.lead {
|
13
|
-
margin-bottom: $line-height-computed;
|
14
|
-
font-size: ($font-size-base * 1.15);
|
15
|
-
font-weight: 200;
|
16
|
-
line-height: 1.4;
|
17
|
-
|
18
|
-
@media (min-width: 768px) {
|
19
|
-
font-size: ($font-size-base * 1.5);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
|
24
|
-
// Emphasis & misc
|
25
|
-
// -------------------------
|
26
|
-
|
27
|
-
// Ex: 14px base font * 85% = about 12px
|
28
|
-
small { font-size: 85%; }
|
29
|
-
|
30
|
-
// Undo browser default styling
|
31
|
-
cite { font-style: normal; }
|
32
|
-
|
33
|
-
// Contextual emphasis
|
34
|
-
.text-muted { color: $text-muted; }
|
35
|
-
.text-primary { color: $brand-primary; }
|
36
|
-
.text-warning { color: $state-warning-text; }
|
37
|
-
.text-danger { color: $state-danger-text; }
|
38
|
-
.text-success { color: $state-success-text; }
|
39
|
-
.text-info { color: $state-info-text; }
|
40
|
-
|
41
|
-
// Alignment
|
42
|
-
.text-left { text-align: left; }
|
43
|
-
.text-right { text-align: right; }
|
44
|
-
.text-center { text-align: center; }
|
45
|
-
|
46
|
-
|
47
|
-
// Headings
|
48
|
-
// -------------------------
|
49
|
-
|
50
|
-
h1, h2, h3, h4, h5, h6,
|
51
|
-
.h1, .h2, .h3, .h4, .h5, .h6 {
|
52
|
-
font-family: $headings-font-family;
|
53
|
-
font-weight: $headings-font-weight;
|
54
|
-
line-height: $headings-line-height;
|
55
|
-
small {
|
56
|
-
font-weight: normal;
|
57
|
-
line-height: 1;
|
58
|
-
color: $headings-small-color;
|
59
|
-
}
|
60
|
-
}
|
61
|
-
|
62
|
-
h1,
|
63
|
-
h2,
|
64
|
-
h3 {
|
65
|
-
margin-top: $line-height-computed;
|
66
|
-
margin-bottom: ($line-height-computed / 2);
|
67
|
-
}
|
68
|
-
h4,
|
69
|
-
h5,
|
70
|
-
h6 {
|
71
|
-
margin-top: ($line-height-computed / 2);
|
72
|
-
margin-bottom: ($line-height-computed / 2);
|
73
|
-
}
|
74
|
-
|
75
|
-
h1, .h1 { font-size: floor($font-size-base * 2.60); } // ~36px
|
76
|
-
h2, .h2 { font-size: floor($font-size-base * 2.15); } // ~30px
|
77
|
-
h3, .h3 { font-size: ceil($font-size-base * 1.70); } // ~24px
|
78
|
-
h4, .h4 { font-size: ceil($font-size-base * 1.25); } // ~18px
|
79
|
-
h5, .h5 { font-size: $font-size-base; }
|
80
|
-
h6, .h6 { font-size: ceil($font-size-base * 0.85); } // ~12px
|
81
|
-
|
82
|
-
h1 small, .h1 small { font-size: ceil($font-size-base * 1.70); } // ~24px
|
83
|
-
h2 small, .h2 small { font-size: ceil($font-size-base * 1.25); } // ~18px
|
84
|
-
h3 small, .h3 small,
|
85
|
-
h4 small, .h4 small { font-size: $font-size-base; }
|
86
|
-
|
87
|
-
|
88
|
-
// Page header
|
89
|
-
// -------------------------
|
90
|
-
|
91
|
-
.page-header {
|
92
|
-
padding-bottom: (($line-height-computed / 2) - 1);
|
93
|
-
margin: ($line-height-computed * 2) 0 $line-height-computed;
|
94
|
-
border-bottom: 1px solid $page-header-border-color;
|
95
|
-
}
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
// Lists
|
100
|
-
// --------------------------------------------------
|
101
|
-
|
102
|
-
// Unordered and Ordered lists
|
103
|
-
ul,
|
104
|
-
ol {
|
105
|
-
margin-top: 0;
|
106
|
-
margin-bottom: ($line-height-computed / 2);
|
107
|
-
ul,
|
108
|
-
ol{
|
109
|
-
margin-bottom: 0;
|
110
|
-
}
|
111
|
-
}
|
112
|
-
|
113
|
-
// List options
|
114
|
-
|
115
|
-
// Unstyled keeps list items block level, just removes default browser padding and list-style
|
116
|
-
.list-unstyled {
|
117
|
-
padding-left: 0;
|
118
|
-
list-style: none;
|
119
|
-
}
|
120
|
-
// Inline turns list items into inline-block
|
121
|
-
.list-inline {
|
122
|
-
@extend .list-unstyled;
|
123
|
-
> li {
|
124
|
-
display: inline-block;
|
125
|
-
padding-left: 5px;
|
126
|
-
padding-right: 5px;
|
127
|
-
}
|
128
|
-
}
|
129
|
-
|
130
|
-
// Description Lists
|
131
|
-
dl {
|
132
|
-
margin-bottom: $line-height-computed;
|
133
|
-
}
|
134
|
-
dt,
|
135
|
-
dd {
|
136
|
-
line-height: $line-height-base;
|
137
|
-
}
|
138
|
-
dt {
|
139
|
-
font-weight: bold;
|
140
|
-
}
|
141
|
-
dd {
|
142
|
-
margin-left: 0; // Undo browser default
|
143
|
-
}
|
144
|
-
|
145
|
-
// Horizontal description lists
|
146
|
-
//
|
147
|
-
// Defaults to being stacked without any of the below styles applied, until the
|
148
|
-
// grid breakpoint is reached (default of ~768px).
|
149
|
-
|
150
|
-
@media (min-width: $grid-float-breakpoint) {
|
151
|
-
.dl-horizontal {
|
152
|
-
dt {
|
153
|
-
float: left;
|
154
|
-
width: ($component-offset-horizontal - 20);
|
155
|
-
clear: left;
|
156
|
-
text-align: right;
|
157
|
-
@include text-overflow();
|
158
|
-
}
|
159
|
-
dd {
|
160
|
-
margin-left: $component-offset-horizontal;
|
161
|
-
@include clearfix(); // Clear the floated `dt` if an empty `dd` is present
|
162
|
-
}
|
163
|
-
}
|
164
|
-
}
|
165
|
-
|
166
|
-
// MISC
|
167
|
-
// ----
|
168
|
-
|
169
|
-
// Abbreviations and acronyms
|
170
|
-
abbr[title],
|
171
|
-
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
|
172
|
-
abbr[data-original-title] {
|
173
|
-
cursor: help;
|
174
|
-
border-bottom: 1px dotted $abbr-border-color;
|
175
|
-
}
|
176
|
-
abbr.initialism {
|
177
|
-
font-size: 90%;
|
178
|
-
text-transform: uppercase;
|
179
|
-
}
|
180
|
-
|
181
|
-
// Blockquotes
|
182
|
-
blockquote {
|
183
|
-
padding: ($line-height-computed / 2) $line-height-computed;
|
184
|
-
margin: 0 0 $line-height-computed;
|
185
|
-
border-left: 5px solid $blockquote-border-color;
|
186
|
-
p {
|
187
|
-
font-size: ($font-size-base * 1.25);
|
188
|
-
font-weight: 300;
|
189
|
-
line-height: 1.25;
|
190
|
-
}
|
191
|
-
p:last-child {
|
192
|
-
margin-bottom: 0;
|
193
|
-
}
|
194
|
-
small {
|
195
|
-
display: block;
|
196
|
-
line-height: $line-height-base;
|
197
|
-
color: $blockquote-small-color;
|
198
|
-
&:before {
|
199
|
-
content: '\2014 \00A0';// EM DASH, NBSP
|
200
|
-
}
|
201
|
-
}
|
202
|
-
|
203
|
-
// Float right with text-align: right
|
204
|
-
&.pull-right {
|
205
|
-
padding-right: 15px;
|
206
|
-
padding-left: 0;
|
207
|
-
border-right: 5px solid $blockquote-border-color;
|
208
|
-
border-left: 0;
|
209
|
-
p,
|
210
|
-
small {
|
211
|
-
text-align: right;
|
212
|
-
}
|
213
|
-
small {
|
214
|
-
&:before {
|
215
|
-
content: '';
|
216
|
-
}
|
217
|
-
&:after {
|
218
|
-
content: '\00A0 \2014';// NBSP, EM DASH
|
219
|
-
}
|
220
|
-
}
|
221
|
-
}
|
222
|
-
}
|
223
|
-
|
224
|
-
// Quotes
|
225
|
-
q:before,
|
226
|
-
q:after,
|
227
|
-
blockquote:before,
|
228
|
-
blockquote:after {
|
229
|
-
content: "";
|
230
|
-
}
|
231
|
-
|
232
|
-
// Addresses
|
233
|
-
address {
|
234
|
-
display: block;
|
235
|
-
margin-bottom: $line-height-computed;
|
236
|
-
font-style: normal;
|
237
|
-
line-height: $line-height-base;
|
238
|
-
}
|
1
|
+
@import "bootstrap/type";
|
@@ -1,42 +1 @@
|
|
1
|
-
|
2
|
-
// Utility classes
|
3
|
-
// --------------------------------------------------
|
4
|
-
|
5
|
-
|
6
|
-
// Floats
|
7
|
-
// -------------------------
|
8
|
-
|
9
|
-
.clearfix {
|
10
|
-
@include clearfix();
|
11
|
-
}
|
12
|
-
.pull-right {
|
13
|
-
float: right !important;
|
14
|
-
}
|
15
|
-
.pull-left {
|
16
|
-
float: left !important;
|
17
|
-
}
|
18
|
-
|
19
|
-
|
20
|
-
// Toggling content
|
21
|
-
// -------------------------
|
22
|
-
|
23
|
-
.hide {
|
24
|
-
display: none !important;
|
25
|
-
}
|
26
|
-
.show {
|
27
|
-
display: block !important;
|
28
|
-
}
|
29
|
-
.invisible {
|
30
|
-
visibility: hidden;
|
31
|
-
}
|
32
|
-
.text-hide {
|
33
|
-
@include hide-text();
|
34
|
-
}
|
35
|
-
|
36
|
-
|
37
|
-
// For Affix plugin
|
38
|
-
// -------------------------
|
39
|
-
|
40
|
-
.affix {
|
41
|
-
position: fixed;
|
42
|
-
}
|
1
|
+
@import "bootstrap/utilities";
|