prez 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (98) hide show
  1. checksums.yaml +4 -4
  2. data/bin/prez +3 -1
  3. data/lib/prez/assets.rb +10 -3
  4. data/lib/prez/build.rb +7 -18
  5. data/lib/prez/builder.rb +19 -0
  6. data/lib/prez/cli.rb +4 -11
  7. data/lib/prez/error.rb +16 -0
  8. data/lib/prez/files.rb +30 -10
  9. data/lib/prez/helpers.rb +37 -0
  10. data/lib/prez/new.rb +36 -0
  11. data/lib/prez/sass_extensions.rb +40 -0
  12. data/lib/prez/start.rb +69 -0
  13. data/lib/prez/version.rb +1 -1
  14. data/templates/build.html.tt +87 -0
  15. data/templates/new.prez.tt +11 -2
  16. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  17. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  18. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  19. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  20. data/vendor/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  21. data/vendor/javascripts/bootstrap.js +2306 -0
  22. data/vendor/javascripts/prez-controller.js.coffee +131 -0
  23. data/vendor/stylesheets/_bootstrap.scss +50 -0
  24. data/vendor/stylesheets/bootstrap/_alerts.scss +73 -0
  25. data/vendor/stylesheets/bootstrap/_badges.scss +67 -0
  26. data/vendor/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  27. data/vendor/stylesheets/bootstrap/_button-groups.scss +243 -0
  28. data/vendor/stylesheets/bootstrap/_buttons.scss +160 -0
  29. data/vendor/stylesheets/bootstrap/_carousel.scss +269 -0
  30. data/vendor/stylesheets/bootstrap/_close.scss +36 -0
  31. data/vendor/stylesheets/bootstrap/_code.scss +69 -0
  32. data/vendor/stylesheets/bootstrap/_component-animations.scss +38 -0
  33. data/vendor/stylesheets/bootstrap/_dropdowns.scss +214 -0
  34. data/vendor/stylesheets/bootstrap/_forms.scss +570 -0
  35. data/vendor/stylesheets/bootstrap/_glyphicons.scss +301 -0
  36. data/vendor/stylesheets/bootstrap/_grid.scss +84 -0
  37. data/vendor/stylesheets/bootstrap/_input-groups.scss +166 -0
  38. data/vendor/stylesheets/bootstrap/_jumbotron.scss +50 -0
  39. data/vendor/stylesheets/bootstrap/_labels.scss +66 -0
  40. data/vendor/stylesheets/bootstrap/_list-group.scss +124 -0
  41. data/vendor/stylesheets/bootstrap/_media.scss +61 -0
  42. data/vendor/stylesheets/bootstrap/_mixins.scss +39 -0
  43. data/vendor/stylesheets/bootstrap/_modals.scss +148 -0
  44. data/vendor/stylesheets/bootstrap/_navbar.scss +663 -0
  45. data/vendor/stylesheets/bootstrap/_navs.scss +244 -0
  46. data/vendor/stylesheets/bootstrap/_normalize.scss +427 -0
  47. data/vendor/stylesheets/bootstrap/_pager.scss +54 -0
  48. data/vendor/stylesheets/bootstrap/_pagination.scss +88 -0
  49. data/vendor/stylesheets/bootstrap/_panels.scss +265 -0
  50. data/vendor/stylesheets/bootstrap/_popovers.scss +135 -0
  51. data/vendor/stylesheets/bootstrap/_print.scss +107 -0
  52. data/vendor/stylesheets/bootstrap/_progress-bars.scss +87 -0
  53. data/vendor/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  54. data/vendor/stylesheets/bootstrap/_responsive-utilities.scss +177 -0
  55. data/vendor/stylesheets/bootstrap/_scaffolding.scss +150 -0
  56. data/vendor/stylesheets/bootstrap/_tables.scss +234 -0
  57. data/vendor/stylesheets/bootstrap/_theme.scss +273 -0
  58. data/vendor/stylesheets/bootstrap/_thumbnails.scss +38 -0
  59. data/vendor/stylesheets/bootstrap/_tooltip.scss +103 -0
  60. data/vendor/stylesheets/bootstrap/_type.scss +298 -0
  61. data/vendor/stylesheets/bootstrap/_utilities.scss +56 -0
  62. data/vendor/stylesheets/bootstrap/_variables.scss +862 -0
  63. data/vendor/stylesheets/bootstrap/_wells.scss +29 -0
  64. data/vendor/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  65. data/vendor/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  66. data/vendor/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  67. data/vendor/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  68. data/vendor/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  69. data/vendor/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  70. data/vendor/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  71. data/vendor/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  72. data/vendor/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  73. data/vendor/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  74. data/vendor/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  75. data/vendor/stylesheets/bootstrap/mixins/_image.scss +33 -0
  76. data/vendor/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  77. data/vendor/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  78. data/vendor/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  79. data/vendor/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  80. data/vendor/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  81. data/vendor/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  82. data/vendor/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  83. data/vendor/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  84. data/vendor/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  85. data/vendor/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  86. data/vendor/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  87. data/vendor/stylesheets/bootstrap/mixins/_size.scss +10 -0
  88. data/vendor/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  89. data/vendor/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  90. data/vendor/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  91. data/vendor/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  92. data/vendor/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  93. data/vendor/stylesheets/bootstrap.scss +2 -0
  94. data/vendor/stylesheets/prez/_variables.scss +3 -0
  95. data/vendor/stylesheets/prez-controller.scss +37 -0
  96. data/vendor/stylesheets/{prez.css → prez.scss} +12 -5
  97. metadata +118 -4
  98. data/vendor/javascripts/prez.js +0 -53
@@ -0,0 +1,273 @@
1
+
2
+ //
3
+ // Load core variables and mixins
4
+ // --------------------------------------------------
5
+
6
+ @import "variables";
7
+ @import "mixins";
8
+
9
+
10
+ //
11
+ // Buttons
12
+ // --------------------------------------------------
13
+
14
+ // Common styles
15
+ .btn-default,
16
+ .btn-primary,
17
+ .btn-success,
18
+ .btn-info,
19
+ .btn-warning,
20
+ .btn-danger {
21
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
22
+ $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
23
+ @include box-shadow($shadow);
24
+
25
+ // Reset the shadow
26
+ &:active,
27
+ &.active {
28
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
29
+ }
30
+
31
+ .badge {
32
+ text-shadow: none;
33
+ }
34
+ }
35
+
36
+ // Mixin for generating new styles
37
+ @mixin btn-styles($btn-color: #555) {
38
+ @include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 12%));
39
+ @include reset-filter; // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620
40
+ background-repeat: repeat-x;
41
+ border-color: darken($btn-color, 14%);
42
+
43
+ &:hover,
44
+ &:focus {
45
+ background-color: darken($btn-color, 12%);
46
+ background-position: 0 -15px;
47
+ }
48
+
49
+ &:active,
50
+ &.active {
51
+ background-color: darken($btn-color, 12%);
52
+ border-color: darken($btn-color, 14%);
53
+ }
54
+
55
+ &.disabled,
56
+ &:disabled,
57
+ &[disabled] {
58
+ background-color: darken($btn-color, 12%);
59
+ background-image: none;
60
+ }
61
+ }
62
+
63
+ // Common styles
64
+ .btn {
65
+ // Remove the gradient for the pressed/active state
66
+ &:active,
67
+ &.active {
68
+ background-image: none;
69
+ }
70
+ }
71
+
72
+ // Apply the mixin to the buttons
73
+ .btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
74
+ .btn-primary { @include btn-styles($btn-primary-bg); }
75
+ .btn-success { @include btn-styles($btn-success-bg); }
76
+ .btn-info { @include btn-styles($btn-info-bg); }
77
+ .btn-warning { @include btn-styles($btn-warning-bg); }
78
+ .btn-danger { @include btn-styles($btn-danger-bg); }
79
+
80
+
81
+ //
82
+ // Images
83
+ // --------------------------------------------------
84
+
85
+ .thumbnail,
86
+ .img-thumbnail {
87
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
88
+ }
89
+
90
+
91
+ //
92
+ // Dropdowns
93
+ // --------------------------------------------------
94
+
95
+ .dropdown-menu > li > a:hover,
96
+ .dropdown-menu > li > a:focus {
97
+ @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
98
+ background-color: darken($dropdown-link-hover-bg, 5%);
99
+ }
100
+ .dropdown-menu > .active > a,
101
+ .dropdown-menu > .active > a:hover,
102
+ .dropdown-menu > .active > a:focus {
103
+ @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
104
+ background-color: darken($dropdown-link-active-bg, 5%);
105
+ }
106
+
107
+
108
+ //
109
+ // Navbar
110
+ // --------------------------------------------------
111
+
112
+ // Default navbar
113
+ .navbar-default {
114
+ @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
115
+ @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
116
+ border-radius: $navbar-border-radius;
117
+ $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
118
+ @include box-shadow($shadow);
119
+
120
+ .navbar-nav > .open > a,
121
+ .navbar-nav > .active > a {
122
+ @include gradient-vertical($start-color: darken($navbar-default-link-active-bg, 5%), $end-color: darken($navbar-default-link-active-bg, 2%));
123
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
124
+ }
125
+ }
126
+ .navbar-brand,
127
+ .navbar-nav > li > a {
128
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
129
+ }
130
+
131
+ // Inverted navbar
132
+ .navbar-inverse {
133
+ @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
134
+ @include reset-filter; // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257
135
+
136
+ .navbar-nav > .open > a,
137
+ .navbar-nav > .active > a {
138
+ @include gradient-vertical($start-color: $navbar-inverse-link-active-bg, $end-color: lighten($navbar-inverse-link-active-bg, 2.5%));
139
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
140
+ }
141
+
142
+ .navbar-brand,
143
+ .navbar-nav > li > a {
144
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
145
+ }
146
+ }
147
+
148
+ // Undo rounded corners in static and fixed navbars
149
+ .navbar-static-top,
150
+ .navbar-fixed-top,
151
+ .navbar-fixed-bottom {
152
+ border-radius: 0;
153
+ }
154
+
155
+ // Fix active state of dropdown items in collapsed mode
156
+ @media (max-width: $grid-float-breakpoint-max) {
157
+ .navbar .navbar-nav .open .dropdown-menu > .active > a {
158
+ &,
159
+ &:hover,
160
+ &:focus {
161
+ color: #fff;
162
+ @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
163
+ }
164
+ }
165
+ }
166
+
167
+
168
+ //
169
+ // Alerts
170
+ // --------------------------------------------------
171
+
172
+ // Common styles
173
+ .alert {
174
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
175
+ $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
176
+ @include box-shadow($shadow);
177
+ }
178
+
179
+ // Mixin for generating new styles
180
+ @mixin alert-styles($color) {
181
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%));
182
+ border-color: darken($color, 15%);
183
+ }
184
+
185
+ // Apply the mixin to the alerts
186
+ .alert-success { @include alert-styles($alert-success-bg); }
187
+ .alert-info { @include alert-styles($alert-info-bg); }
188
+ .alert-warning { @include alert-styles($alert-warning-bg); }
189
+ .alert-danger { @include alert-styles($alert-danger-bg); }
190
+
191
+
192
+ //
193
+ // Progress bars
194
+ // --------------------------------------------------
195
+
196
+ // Give the progress background some depth
197
+ .progress {
198
+ @include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg)
199
+ }
200
+
201
+ // Mixin for generating new styles
202
+ @mixin progress-bar-styles($color) {
203
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 10%));
204
+ }
205
+
206
+ // Apply the mixin to the progress bars
207
+ .progress-bar { @include progress-bar-styles($progress-bar-bg); }
208
+ .progress-bar-success { @include progress-bar-styles($progress-bar-success-bg); }
209
+ .progress-bar-info { @include progress-bar-styles($progress-bar-info-bg); }
210
+ .progress-bar-warning { @include progress-bar-styles($progress-bar-warning-bg); }
211
+ .progress-bar-danger { @include progress-bar-styles($progress-bar-danger-bg); }
212
+
213
+ // Reset the striped class because our mixins don't do multiple gradients and
214
+ // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
215
+ .progress-bar-striped {
216
+ @include gradient-striped;
217
+ }
218
+
219
+
220
+ //
221
+ // List groups
222
+ // --------------------------------------------------
223
+
224
+ .list-group {
225
+ border-radius: $border-radius-base;
226
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
227
+ }
228
+ .list-group-item.active,
229
+ .list-group-item.active:hover,
230
+ .list-group-item.active:focus {
231
+ text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%);
232
+ @include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%));
233
+ border-color: darken($list-group-active-border, 7.5%);
234
+
235
+ .badge {
236
+ text-shadow: none;
237
+ }
238
+ }
239
+
240
+
241
+ //
242
+ // Panels
243
+ // --------------------------------------------------
244
+
245
+ // Common styles
246
+ .panel {
247
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
248
+ }
249
+
250
+ // Mixin for generating new styles
251
+ @mixin panel-heading-styles($color) {
252
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 5%));
253
+ }
254
+
255
+ // Apply the mixin to the panel headings only
256
+ .panel-default > .panel-heading { @include panel-heading-styles($panel-default-heading-bg); }
257
+ .panel-primary > .panel-heading { @include panel-heading-styles($panel-primary-heading-bg); }
258
+ .panel-success > .panel-heading { @include panel-heading-styles($panel-success-heading-bg); }
259
+ .panel-info > .panel-heading { @include panel-heading-styles($panel-info-heading-bg); }
260
+ .panel-warning > .panel-heading { @include panel-heading-styles($panel-warning-heading-bg); }
261
+ .panel-danger > .panel-heading { @include panel-heading-styles($panel-danger-heading-bg); }
262
+
263
+
264
+ //
265
+ // Wells
266
+ // --------------------------------------------------
267
+
268
+ .well {
269
+ @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
270
+ border-color: darken($well-bg, 10%);
271
+ $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
272
+ @include box-shadow($shadow);
273
+ }
@@ -0,0 +1,38 @@
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Mixin and adjust the regular image class
7
+ .thumbnail {
8
+ display: block;
9
+ padding: $thumbnail-padding;
10
+ margin-bottom: $line-height-computed;
11
+ line-height: $line-height-base;
12
+ background-color: $thumbnail-bg;
13
+ border: 1px solid $thumbnail-border;
14
+ border-radius: $thumbnail-border-radius;
15
+ @include transition(border .2s ease-in-out);
16
+
17
+ > img,
18
+ a > img {
19
+ @include img-responsive;
20
+ margin-left: auto;
21
+ margin-right: auto;
22
+ }
23
+
24
+ // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
25
+
26
+ // Image captions
27
+ .caption {
28
+ padding: $thumbnail-caption-padding;
29
+ color: $thumbnail-caption-color;
30
+ }
31
+ }
32
+
33
+ // Add a hover state for linked versions only
34
+ a.thumbnail:hover,
35
+ a.thumbnail:focus,
36
+ a.thumbnail.active {
37
+ border-color: $link-color;
38
+ }
@@ -0,0 +1,103 @@
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
+ // Reset font and text properties given new insertion method
13
+ font-family: $font-family-base;
14
+ font-size: $font-size-small;
15
+ font-weight: normal;
16
+ line-height: 1.4;
17
+ @include opacity(0);
18
+
19
+ &.in { @include opacity($tooltip-opacity); }
20
+ &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }
21
+ &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }
22
+ &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }
23
+ &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }
24
+ }
25
+
26
+ // Wrapper for the tooltip content
27
+ .tooltip-inner {
28
+ max-width: $tooltip-max-width;
29
+ padding: 3px 8px;
30
+ color: $tooltip-color;
31
+ text-align: center;
32
+ text-decoration: none;
33
+ background-color: $tooltip-bg;
34
+ border-radius: $border-radius-base;
35
+ }
36
+
37
+ // Arrows
38
+ .tooltip-arrow {
39
+ position: absolute;
40
+ width: 0;
41
+ height: 0;
42
+ border-color: transparent;
43
+ border-style: solid;
44
+ }
45
+ // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
46
+ .tooltip {
47
+ &.top .tooltip-arrow {
48
+ bottom: 0;
49
+ left: 50%;
50
+ margin-left: -$tooltip-arrow-width;
51
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
52
+ border-top-color: $tooltip-arrow-color;
53
+ }
54
+ &.top-left .tooltip-arrow {
55
+ bottom: 0;
56
+ right: $tooltip-arrow-width;
57
+ margin-bottom: -$tooltip-arrow-width;
58
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
59
+ border-top-color: $tooltip-arrow-color;
60
+ }
61
+ &.top-right .tooltip-arrow {
62
+ bottom: 0;
63
+ left: $tooltip-arrow-width;
64
+ margin-bottom: -$tooltip-arrow-width;
65
+ border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
66
+ border-top-color: $tooltip-arrow-color;
67
+ }
68
+ &.right .tooltip-arrow {
69
+ top: 50%;
70
+ left: 0;
71
+ margin-top: -$tooltip-arrow-width;
72
+ border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
73
+ border-right-color: $tooltip-arrow-color;
74
+ }
75
+ &.left .tooltip-arrow {
76
+ top: 50%;
77
+ right: 0;
78
+ margin-top: -$tooltip-arrow-width;
79
+ border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
80
+ border-left-color: $tooltip-arrow-color;
81
+ }
82
+ &.bottom .tooltip-arrow {
83
+ top: 0;
84
+ left: 50%;
85
+ margin-left: -$tooltip-arrow-width;
86
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
87
+ border-bottom-color: $tooltip-arrow-color;
88
+ }
89
+ &.bottom-left .tooltip-arrow {
90
+ top: 0;
91
+ right: $tooltip-arrow-width;
92
+ margin-top: -$tooltip-arrow-width;
93
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
94
+ border-bottom-color: $tooltip-arrow-color;
95
+ }
96
+ &.bottom-right .tooltip-arrow {
97
+ top: 0;
98
+ left: $tooltip-arrow-width;
99
+ margin-top: -$tooltip-arrow-width;
100
+ border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
101
+ border-bottom-color: $tooltip-arrow-color;
102
+ }
103
+ }
@@ -0,0 +1,298 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Headings
7
+ // -------------------------
8
+
9
+ h1, h2, h3, h4, h5, h6,
10
+ .h1, .h2, .h3, .h4, .h5, .h6 {
11
+ font-family: $headings-font-family;
12
+ font-weight: $headings-font-weight;
13
+ line-height: $headings-line-height;
14
+ color: $headings-color;
15
+
16
+ small,
17
+ .small {
18
+ font-weight: normal;
19
+ line-height: 1;
20
+ color: $headings-small-color;
21
+ }
22
+ }
23
+
24
+ h1, .h1,
25
+ h2, .h2,
26
+ h3, .h3 {
27
+ margin-top: $line-height-computed;
28
+ margin-bottom: ($line-height-computed / 2);
29
+
30
+ small,
31
+ .small {
32
+ font-size: 65%;
33
+ }
34
+ }
35
+ h4, .h4,
36
+ h5, .h5,
37
+ h6, .h6 {
38
+ margin-top: ($line-height-computed / 2);
39
+ margin-bottom: ($line-height-computed / 2);
40
+
41
+ small,
42
+ .small {
43
+ font-size: 75%;
44
+ }
45
+ }
46
+
47
+ h1, .h1 { font-size: $font-size-h1; }
48
+ h2, .h2 { font-size: $font-size-h2; }
49
+ h3, .h3 { font-size: $font-size-h3; }
50
+ h4, .h4 { font-size: $font-size-h4; }
51
+ h5, .h5 { font-size: $font-size-h5; }
52
+ h6, .h6 { font-size: $font-size-h6; }
53
+
54
+
55
+ // Body text
56
+ // -------------------------
57
+
58
+ p {
59
+ margin: 0 0 ($line-height-computed / 2);
60
+ }
61
+
62
+ .lead {
63
+ margin-bottom: $line-height-computed;
64
+ font-size: floor(($font-size-base * 1.15));
65
+ font-weight: 300;
66
+ line-height: 1.4;
67
+
68
+ @media (min-width: $screen-sm-min) {
69
+ font-size: ($font-size-base * 1.5);
70
+ }
71
+ }
72
+
73
+
74
+ // Emphasis & misc
75
+ // -------------------------
76
+
77
+ // Ex: (12px small font / 14px base font) * 100% = about 85%
78
+ small,
79
+ .small {
80
+ font-size: floor((100% * $font-size-small / $font-size-base));
81
+ }
82
+
83
+ mark,
84
+ .mark {
85
+ background-color: $state-warning-bg;
86
+ padding: .2em;
87
+ }
88
+
89
+ // Alignment
90
+ .text-left { text-align: left; }
91
+ .text-right { text-align: right; }
92
+ .text-center { text-align: center; }
93
+ .text-justify { text-align: justify; }
94
+ .text-nowrap { white-space: nowrap; }
95
+
96
+ // Transformation
97
+ .text-lowercase { text-transform: lowercase; }
98
+ .text-uppercase { text-transform: uppercase; }
99
+ .text-capitalize { text-transform: capitalize; }
100
+
101
+ // Contextual colors
102
+ .text-muted {
103
+ color: $text-muted;
104
+ }
105
+
106
+ @include text-emphasis-variant('.text-primary', $brand-primary);
107
+
108
+ @include text-emphasis-variant('.text-success', $state-success-text);
109
+
110
+ @include text-emphasis-variant('.text-info', $state-info-text);
111
+
112
+ @include text-emphasis-variant('.text-warning', $state-warning-text);
113
+
114
+ @include text-emphasis-variant('.text-danger', $state-danger-text);
115
+
116
+ // Contextual backgrounds
117
+ // For now we'll leave these alongside the text classes until v4 when we can
118
+ // safely shift things around (per SemVer rules).
119
+ .bg-primary {
120
+ // Given the contrast here, this is the only class to have its color inverted
121
+ // automatically.
122
+ color: #fff;
123
+ }
124
+ @include bg-variant('.bg-primary', $brand-primary);
125
+
126
+ @include bg-variant('.bg-success', $state-success-bg);
127
+
128
+ @include bg-variant('.bg-info', $state-info-bg);
129
+
130
+ @include bg-variant('.bg-warning', $state-warning-bg);
131
+
132
+ @include bg-variant('.bg-danger', $state-danger-bg);
133
+
134
+
135
+ // Page header
136
+ // -------------------------
137
+
138
+ .page-header {
139
+ padding-bottom: (($line-height-computed / 2) - 1);
140
+ margin: ($line-height-computed * 2) 0 $line-height-computed;
141
+ border-bottom: 1px solid $page-header-border-color;
142
+ }
143
+
144
+
145
+ // Lists
146
+ // -------------------------
147
+
148
+ // Unordered and Ordered lists
149
+ ul,
150
+ ol {
151
+ margin-top: 0;
152
+ margin-bottom: ($line-height-computed / 2);
153
+ ul,
154
+ ol {
155
+ margin-bottom: 0;
156
+ }
157
+ }
158
+
159
+ // List options
160
+
161
+ // [converter] extracted from `.list-unstyled` for libsass compatibility
162
+ @mixin list-unstyled {
163
+ padding-left: 0;
164
+ list-style: none;
165
+ }
166
+ // [converter] extracted as `@mixin list-unstyled` for libsass compatibility
167
+ .list-unstyled {
168
+ @include list-unstyled;
169
+ }
170
+
171
+
172
+ // Inline turns list items into inline-block
173
+ .list-inline {
174
+ @include list-unstyled;
175
+ margin-left: -5px;
176
+
177
+ > li {
178
+ display: inline-block;
179
+ padding-left: 5px;
180
+ padding-right: 5px;
181
+ }
182
+ }
183
+
184
+ // Description Lists
185
+ dl {
186
+ margin-top: 0; // Remove browser default
187
+ margin-bottom: $line-height-computed;
188
+ }
189
+ dt,
190
+ dd {
191
+ line-height: $line-height-base;
192
+ }
193
+ dt {
194
+ font-weight: bold;
195
+ }
196
+ dd {
197
+ margin-left: 0; // Undo browser default
198
+ }
199
+
200
+ // Horizontal description lists
201
+ //
202
+ // Defaults to being stacked without any of the below styles applied, until the
203
+ // grid breakpoint is reached (default of ~768px).
204
+
205
+ .dl-horizontal {
206
+ dd {
207
+ @include clearfix; // Clear the floated `dt` if an empty `dd` is present
208
+ }
209
+
210
+ @media (min-width: $grid-float-breakpoint) {
211
+ dt {
212
+ float: left;
213
+ width: ($dl-horizontal-offset - 20);
214
+ clear: left;
215
+ text-align: right;
216
+ @include text-overflow;
217
+ }
218
+ dd {
219
+ margin-left: $dl-horizontal-offset;
220
+ }
221
+ }
222
+ }
223
+
224
+
225
+ // Misc
226
+ // -------------------------
227
+
228
+ // Abbreviations and acronyms
229
+ abbr[title],
230
+ // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
231
+ abbr[data-original-title] {
232
+ cursor: help;
233
+ border-bottom: 1px dotted $abbr-border-color;
234
+ }
235
+ .initialism {
236
+ font-size: 90%;
237
+ text-transform: uppercase;
238
+ }
239
+
240
+ // Blockquotes
241
+ blockquote {
242
+ padding: ($line-height-computed / 2) $line-height-computed;
243
+ margin: 0 0 $line-height-computed;
244
+ font-size: $blockquote-font-size;
245
+ border-left: 5px solid $blockquote-border-color;
246
+
247
+ p,
248
+ ul,
249
+ ol {
250
+ &:last-child {
251
+ margin-bottom: 0;
252
+ }
253
+ }
254
+
255
+ // Note: Deprecated small and .small as of v3.1.0
256
+ // Context: https://github.com/twbs/bootstrap/issues/11660
257
+ footer,
258
+ small,
259
+ .small {
260
+ display: block;
261
+ font-size: 80%; // back to default font-size
262
+ line-height: $line-height-base;
263
+ color: $blockquote-small-color;
264
+
265
+ &:before {
266
+ content: '\2014 \00A0'; // em dash, nbsp
267
+ }
268
+ }
269
+ }
270
+
271
+ // Opposite alignment of blockquote
272
+ //
273
+ // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
274
+ .blockquote-reverse,
275
+ blockquote.pull-right {
276
+ padding-right: 15px;
277
+ padding-left: 0;
278
+ border-right: 5px solid $blockquote-border-color;
279
+ border-left: 0;
280
+ text-align: right;
281
+
282
+ // Account for citation
283
+ footer,
284
+ small,
285
+ .small {
286
+ &:before { content: ''; }
287
+ &:after {
288
+ content: '\00A0 \2014'; // nbsp, em dash
289
+ }
290
+ }
291
+ }
292
+
293
+ // Addresses
294
+ address {
295
+ margin-bottom: $line-height-computed;
296
+ font-style: normal;
297
+ line-height: $line-height-base;
298
+ }