bootstrap3-wip-rails 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +54 -0
  6. data/Rakefile +1 -0
  7. data/bootstrap3-wip-rails.gemspec +25 -0
  8. data/lib/assets/javascripts/bootstrap.js +14 -0
  9. data/lib/bootstrap3/wip/rails.rb +10 -0
  10. data/lib/bootstrap3/wip/rails/version.rb +7 -0
  11. data/vendor/assets/images/glyphiconshalflings-regular.eot +0 -0
  12. data/vendor/assets/images/glyphiconshalflings-regular.otf +0 -0
  13. data/vendor/assets/images/glyphiconshalflings-regular.svg +175 -0
  14. data/vendor/assets/images/glyphiconshalflings-regular.ttf +0 -0
  15. data/vendor/assets/images/glyphiconshalflings-regular.woff +0 -0
  16. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  17. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  18. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  19. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  20. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  21. data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
  22. data/vendor/assets/javascripts/bootstrap-modal.js +251 -0
  23. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  24. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  25. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  26. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  27. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  28. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  29. data/vendor/assets/stylesheets/accordion.less +34 -0
  30. data/vendor/assets/stylesheets/alerts.less +97 -0
  31. data/vendor/assets/stylesheets/badges.less +58 -0
  32. data/vendor/assets/stylesheets/bootstrap.less +64 -0
  33. data/vendor/assets/stylesheets/breadcrumbs.less +28 -0
  34. data/vendor/assets/stylesheets/button-groups.less +166 -0
  35. data/vendor/assets/stylesheets/buttons.less +175 -0
  36. data/vendor/assets/stylesheets/carousel.less +191 -0
  37. data/vendor/assets/stylesheets/close.less +33 -0
  38. data/vendor/assets/stylesheets/code.less +61 -0
  39. data/vendor/assets/stylesheets/component-animations.less +32 -0
  40. data/vendor/assets/stylesheets/dropdowns.less +223 -0
  41. data/vendor/assets/stylesheets/forms.less +553 -0
  42. data/vendor/assets/stylesheets/glyphicons.less +200 -0
  43. data/vendor/assets/stylesheets/grid.less +57 -0
  44. data/vendor/assets/stylesheets/jumbotron.less +32 -0
  45. data/vendor/assets/stylesheets/labels.less +46 -0
  46. data/vendor/assets/stylesheets/list-group.less +96 -0
  47. data/vendor/assets/stylesheets/media.less +54 -0
  48. data/vendor/assets/stylesheets/mixins.less +551 -0
  49. data/vendor/assets/stylesheets/modals.less +137 -0
  50. data/vendor/assets/stylesheets/navbar.less +389 -0
  51. data/vendor/assets/stylesheets/navs.less +283 -0
  52. data/vendor/assets/stylesheets/normalize.less +396 -0
  53. data/vendor/assets/stylesheets/pager.less +54 -0
  54. data/vendor/assets/stylesheets/pagination.less +100 -0
  55. data/vendor/assets/stylesheets/panels.less +86 -0
  56. data/vendor/assets/stylesheets/popovers.less +133 -0
  57. data/vendor/assets/stylesheets/print.less +74 -0
  58. data/vendor/assets/stylesheets/progress-bars.less +118 -0
  59. data/vendor/assets/stylesheets/responsive-utilities.less +59 -0
  60. data/vendor/assets/stylesheets/scaffolding.less +91 -0
  61. data/vendor/assets/stylesheets/tables.less +241 -0
  62. data/vendor/assets/stylesheets/thumbnails.less +42 -0
  63. data/vendor/assets/stylesheets/tooltip.less +71 -0
  64. data/vendor/assets/stylesheets/type.less +253 -0
  65. data/vendor/assets/stylesheets/utilities.less +42 -0
  66. data/vendor/assets/stylesheets/variables.less +354 -0
  67. data/vendor/assets/stylesheets/wells.less +29 -0
  68. metadata +166 -0
@@ -0,0 +1,200 @@
1
+ //
2
+ // Glyphicons
3
+ // -----------------------------------------------------------------------------
4
+
5
+ // About
6
+ //
7
+ // Glyphicons font-based icons require you to include all relevant font files,
8
+ // found in the Bootstrap repo under /fonts/. Files are referenced relative to
9
+ // the compiled CSS.
10
+ //
11
+ // Basic usage
12
+ //
13
+ // Since icons are fonts, they can be placed anywhere text is placed. To use,
14
+ // create an inline element with the appropriate classes, like so:
15
+ //
16
+ // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
17
+ //
18
+ // Use them in links, buttons, headings, and more.
19
+
20
+
21
+ // Import the fonts
22
+ @font-face {
23
+ font-family: 'Glyphicons Halflings';
24
+ src: url('@{glyphicons-font-path}/glyphiconshalflings-regular.eot');
25
+ src: url('@{glyphicons-font-path}/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'),
26
+ url('@{glyphicons-font-path}/glyphiconshalflings-regular.woff') format('woff'),
27
+ url('@{glyphicons-font-path}/glyphiconshalflings-regular.ttf') format('truetype'),
28
+ url('@{glyphicons-font-path}/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg');
29
+ font-style: normal;
30
+ font-weight: normal;
31
+ }
32
+
33
+ // Catchall baseclass
34
+ .glyphicon:before {
35
+ font-family: 'Glyphicons Halflings';
36
+ font-style: normal;
37
+ line-height: 1;
38
+ }
39
+
40
+ // Individual icons
41
+ .glyphicon-glass:before { content: "\e001"; }
42
+ .glyphicon-music:before { content: "\e002"; }
43
+ .glyphicon-search:before { content: "\e003"; }
44
+ .glyphicon-envelope:before { content: "\2709"; }
45
+ .glyphicon-heart:before { content: "\e005"; }
46
+ .glyphicon-star:before { content: "\e006"; }
47
+ .glyphicon-star-empty:before { content: "\e007"; }
48
+ .glyphicon-user:before { content: "\e008"; }
49
+ .glyphicon-film:before { content: "\e009"; }
50
+ .glyphicon-th-large:before { content: "\e010"; }
51
+ .glyphicon-th:before { content: "\e011"; }
52
+ .glyphicon-th-list:before { content: "\e012"; }
53
+ .glyphicon-ok:before { content: "\e013"; }
54
+ .glyphicon-remove:before { content: "\e014"; }
55
+ .glyphicon-zoom-in:before { content: "\e015"; }
56
+ .glyphicon-zoom-out:before { content: "\e016"; }
57
+ .glyphicon-off:before { content: "\e017"; }
58
+ .glyphicon-signal:before { content: "\e018"; }
59
+ .glyphicon-cog:before { content: "\e019"; }
60
+ .glyphicon-trash:before { content: "\e020"; }
61
+ .glyphicon-home:before { content: "\e021"; }
62
+ .glyphicon-file:before { content: "\e022"; }
63
+ .glyphicon-time:before { content: "\e023"; }
64
+ .glyphicon-road:before { content: "\e024"; }
65
+ .glyphicon-download-alt:before { content: "\e025"; }
66
+ .glyphicon-download:before { content: "\e026"; }
67
+ .glyphicon-upload:before { content: "\e027"; }
68
+ .glyphicon-inbox:before { content: "\e028"; }
69
+ .glyphicon-play-circle:before { content: "\e029"; }
70
+ .glyphicon-repeat:before { content: "\e030"; }
71
+ .glyphicon-refresh:before { content: "\e031"; }
72
+ .glyphicon-list-alt:before { content: "\e032"; }
73
+ .glyphicon-lock:before { content: "\e033"; }
74
+ .glyphicon-flag:before { content: "\e034"; }
75
+ .glyphicon-headphones:before { content: "\e035"; }
76
+ .glyphicon-volume-off:before { content: "\e036"; }
77
+ .glyphicon-volume-down:before { content: "\e037"; }
78
+ .glyphicon-volume-up:before { content: "\e038"; }
79
+ .glyphicon-qrcode:before { content: "\e039"; }
80
+ .glyphicon-barcode:before { content: "\e040"; }
81
+ .glyphicon-tag:before { content: "\e041"; }
82
+ .glyphicon-tags:before { content: "\e042"; }
83
+ .glyphicon-book:before { content: "\e043"; }
84
+ .glyphicon-bookmark:before { content: "\e044"; }
85
+ .glyphicon-print:before { content: "\e045"; }
86
+ .glyphicon-camera:before { content: "\e046"; }
87
+ .glyphicon-font:before { content: "\e047"; }
88
+ .glyphicon-bold:before { content: "\e048"; }
89
+ .glyphicon-italic:before { content: "\e049"; }
90
+ .glyphicon-text-height:before { content: "\e050"; }
91
+ .glyphicon-text-width:before { content: "\e051"; }
92
+ .glyphicon-align-left:before { content: "\e052"; }
93
+ .glyphicon-align-center:before { content: "\e053"; }
94
+ .glyphicon-align-right:before { content: "\e054"; }
95
+ .glyphicon-align-justify:before { content: "\e055"; }
96
+ .glyphicon-list:before { content: "\e056"; }
97
+ .glyphicon-indent-left:before { content: "\e057"; }
98
+ .glyphicon-indent-right:before { content: "\e058"; }
99
+ .glyphicon-facetime-video:before { content: "\e059"; }
100
+ .glyphicon-picture:before { content: "\e060"; }
101
+ .glyphicon-pencil:before { content: "\270f"; }
102
+ .glyphicon-map-marker:before { content: "\e062"; }
103
+ .glyphicon-adjust:before { content: "\e063"; }
104
+ .glyphicon-tint:before { content: "\e064"; }
105
+ .glyphicon-edit:before { content: "\e065"; }
106
+ .glyphicon-share:before { content: "\e066"; }
107
+ .glyphicon-check:before { content: "\e067"; }
108
+ .glyphicon-move:before { content: "\e068"; }
109
+ .glyphicon-step-backward:before { content: "\e069"; }
110
+ .glyphicon-fast-backward:before { content: "\e070"; }
111
+ .glyphicon-backward:before { content: "\e071"; }
112
+ .glyphicon-play:before { content: "\e072"; }
113
+ .glyphicon-pause:before { content: "\e073"; }
114
+ .glyphicon-stop:before { content: "\e074"; }
115
+ .glyphicon-forward:before { content: "\e075"; }
116
+ .glyphicon-fast-forward:before { content: "\e076"; }
117
+ .glyphicon-step-forward:before { content: "\e077"; }
118
+ .glyphicon-eject:before { content: "\e078"; }
119
+ .glyphicon-chevron-left:before { content: "\e079"; }
120
+ .glyphicon-chevron-right:before { content: "\e080"; }
121
+ .glyphicon-plus-sign:before { content: "\e081"; }
122
+ .glyphicon-minus-sign:before { content: "\e082"; }
123
+ .glyphicon-remove-sign:before { content: "\e083"; }
124
+ .glyphicon-ok-sign:before { content: "\e084"; }
125
+ .glyphicon-question-sign:before { content: "\e085"; }
126
+ .glyphicon-info-sign:before { content: "\e086"; }
127
+ .glyphicon-screenshot:before { content: "\e087"; }
128
+ .glyphicon-remove-circle:before { content: "\e088"; }
129
+ .glyphicon-ok-circle:before { content: "\e089"; }
130
+ .glyphicon-ban-circle:before { content: "\e090"; }
131
+ .glyphicon-arrow-left:before { content: "\e091"; }
132
+ .glyphicon-arrow-right:before { content: "\e092"; }
133
+ .glyphicon-arrow-up:before { content: "\e093"; }
134
+ .glyphicon-arrow-down:before { content: "\e094"; }
135
+ .glyphicon-share-alt:before { content: "\e095"; }
136
+ .glyphicon-resize-full:before { content: "\e096"; }
137
+ .glyphicon-resize-small:before { content: "\e097"; }
138
+ .glyphicon-plus:before { content: "\002b"; }
139
+ .glyphicon-minus:before { content: "\2212"; }
140
+ .glyphicon-asterisk:before { content: "\002a"; }
141
+ .glyphicon-exclamation-sign:before { content: "\e101"; }
142
+ .glyphicon-gift:before { content: "\e102"; }
143
+ .glyphicon-leaf:before { content: "\e103"; }
144
+ .glyphicon-fire:before { content: "\e104"; }
145
+ .glyphicon-eye-open:before { content: "\e105"; }
146
+ .glyphicon-eye-close:before { content: "\e106"; }
147
+ .glyphicon-warning-sign:before { content: "\e107"; }
148
+ .glyphicon-plane:before { content: "\e108"; }
149
+ .glyphicon-calendar:before { content: "\e109"; }
150
+ .glyphicon-random:before { content: "\e110"; }
151
+ .glyphicon-comment:before { content: "\e111"; }
152
+ .glyphicon-magnet:before { content: "\e112"; }
153
+ .glyphicon-chevron-up:before { content: "\e113"; }
154
+ .glyphicon-chevron-down:before { content: "\e114"; }
155
+ .glyphicon-retweet:before { content: "\e115"; }
156
+ .glyphicon-shopping-cart:before { content: "\e116"; }
157
+ .glyphicon-folder-close:before { content: "\e117"; }
158
+ .glyphicon-folder-open:before { content: "\e118"; }
159
+ .glyphicon-resize-vertical:before { content: "\e119"; }
160
+ .glyphicon-resize-horizontal:before { content: "\e120"; }
161
+ .glyphicon-hdd:before { content: "\e121"; }
162
+ .glyphicon-bullhorn:before { content: "\e122"; }
163
+ .glyphicon-bell:before { content: "\e123"; }
164
+ .glyphicon-certificate:before { content: "\e124"; }
165
+ .glyphicon-thumbs-up:before { content: "\e125"; }
166
+ .glyphicon-thumbs-down:before { content: "\e126"; }
167
+ .glyphicon-hand-right:before { content: "\e127"; }
168
+ .glyphicon-hand-left:before { content: "\e128"; }
169
+ .glyphicon-hand-up:before { content: "\e129"; }
170
+ .glyphicon-hand-down:before { content: "\e130"; }
171
+ .glyphicon-circle-arrow-right:before { content: "\e131"; }
172
+ .glyphicon-circle-arrow-left:before { content: "\e132"; }
173
+ .glyphicon-circle-arrow-up:before { content: "\e133"; }
174
+ .glyphicon-circle-arrow-down:before { content: "\e134"; }
175
+ .glyphicon-globe:before { content: "\e135"; }
176
+ .glyphicon-wrench:before { content: "\e136"; }
177
+ .glyphicon-tasks:before { content: "\e137"; }
178
+ .glyphicon-filter:before { content: "\e138"; }
179
+ .glyphicon-briefcase:before { content: "\e139"; }
180
+ .glyphicon-fullscreen:before { content: "\e140"; }
181
+ .glyphicon-dashboard:before { content: "\e141"; }
182
+ .glyphicon-paperclip:before { content: "\e142"; }
183
+ .glyphicon-heart-empty:before { content: "\e143"; }
184
+ .glyphicon-link:before { content: "\e144"; }
185
+ .glyphicon-phone:before { content: "\e145"; }
186
+ .glyphicon-pushpin:before { content: "\e146"; }
187
+ .glyphicon-euro:before { content: "\20ac"; }
188
+ .glyphicon-usd:before { content: "\e148"; }
189
+ .glyphicon-gbp:before { content: "\e149"; }
190
+ .glyphicon-sort:before { content: "\e150"; }
191
+ .glyphicon-sort-by-alphabet:before { content: "\e151"; }
192
+ .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }
193
+ .glyphicon-sort-by-order:before { content: "\e153"; }
194
+ .glyphicon-sort-by-order-alt:before { content: "\e154"; }
195
+ .glyphicon-sort-by-attributes:before { content: "\e155"; }
196
+ .glyphicon-sort-by-attributes-alt:before { content: "\e156"; }
197
+ .glyphicon-unchecked:before { content: "\e157"; }
198
+ .glyphicon-expand:before { content: "\e158"; }
199
+ .glyphicon-collapse:before { content: "\e159"; }
200
+ .glyphicon-collapse-top:before { content: "\e160"; }
@@ -0,0 +1,57 @@
1
+ //
2
+ // Grid system
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Set the container width, and override it for fixed navbars in media queries
7
+ .container {
8
+ .container-fixed();
9
+ }
10
+
11
+ // Mobile-first defaults
12
+ .row {
13
+ .make-row();
14
+ }
15
+ [class*="col-span-"],
16
+ [class*="col-small-"] {
17
+ position: relative;
18
+ min-height: 1px;
19
+ padding-left: (@grid-gutter-width / 2);
20
+ padding-right: (@grid-gutter-width / 2);
21
+ }
22
+
23
+ [class*="col-small-"] {
24
+ float: left;
25
+ }
26
+ .generate-small-grid-columns(@grid-columns);
27
+
28
+ // Responsive: Tablets and up
29
+ @media screen and (min-width: 768px) {
30
+ .container {
31
+ max-width: 728px;
32
+ }
33
+ // Generate the grid columns and offsets
34
+ [class*="col-span-"] {
35
+ float: left;
36
+ }
37
+ .generate-grid-columns(@grid-columns);
38
+ }
39
+
40
+ // Responsive: Desktops and up
41
+ @media screen and (min-width: 992px) {
42
+ .container {
43
+ max-width: 940px;
44
+ }
45
+ }
46
+
47
+ // Responsive: Large desktops and up
48
+ @media screen and (min-width: 1200px) {
49
+ .container {
50
+ max-width: 1170px;
51
+ }
52
+ }
53
+
54
+ // Reset utility classes due to specificity
55
+ [class*="col-span-"].pull-right {
56
+ float: right;
57
+ }
@@ -0,0 +1,32 @@
1
+ //
2
+ // Jumbotron
3
+ // --------------------------------------------------
4
+
5
+
6
+ .jumbotron {
7
+ padding: 30px;
8
+ margin-bottom: 30px;
9
+ font-size: 21px;
10
+ font-weight: 200;
11
+ line-height: (@line-height-base * 1.5);
12
+ color: @jumbotron-lead-color;
13
+ background-color: @jumbotron-bg;
14
+ h1 {
15
+ line-height: 1;
16
+ color: @jumbotron-heading-color;
17
+ }
18
+ p {
19
+ line-height: 1.4;
20
+ }
21
+ }
22
+
23
+ @media screen and (min-width: 768px) {
24
+ .jumbotron {
25
+ padding: 50px 60px;
26
+ border-radius: @border-radius-large; // Only round corners at higher resolutions
27
+
28
+ h1 {
29
+ font-size: 60px;
30
+ }
31
+ }
32
+ }
@@ -0,0 +1,46 @@
1
+ //
2
+ // Labels
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base classes
7
+ .label {
8
+ padding: .25em .6em;
9
+ font-size: 75%;
10
+ font-weight: 500;
11
+ color: #fff;
12
+ line-height: 1;
13
+ vertical-align: middle;
14
+ white-space: nowrap;
15
+ text-align: center;
16
+ background-color: @grayLight;
17
+ border-radius: .25em;
18
+ }
19
+
20
+ // Hover state, but only for links
21
+ a.label {
22
+ &:hover,
23
+ &:focus {
24
+ color: #fff;
25
+ text-decoration: none;
26
+ cursor: pointer;
27
+ }
28
+ }
29
+
30
+ // Colors
31
+ // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
32
+ .label {
33
+ // Danger (red)
34
+ &-danger { background-color: @label-danger-bg; }
35
+ &-danger[href] { background-color: darken(@label-danger-bg, 10%); }
36
+ // Warnings (orange)
37
+ &-warning { background-color: @label-warning-bg; }
38
+ &-warning[href] { background-color: darken(@label-warning-bg, 10%); }
39
+ // Success (green)
40
+ &-success { background-color: @label-success-bg; }
41
+ &-success[href] { background-color: darken(@label-success-bg, 10%); }
42
+ // Info (turquoise)
43
+ &-info { background-color: @label-info-bg; }
44
+ &-info[href] { background-color: darken(@label-info-bg, 10%); }
45
+ }
46
+
@@ -0,0 +1,96 @@
1
+ //
2
+ // List groups
3
+ // --------------------------------------------------
4
+
5
+ // Base class
6
+ //
7
+ // Easily usable on <ul>, <ol>, or <div>.
8
+ .list-group {
9
+ // No need to set list-style: none; since .list-group-item is block level
10
+ margin: 0 0 20px; // reset all margins because ul and ol
11
+ background-color: @list-group-bg;
12
+ }
13
+
14
+ // Individual list items
15
+ // -------------------------
16
+
17
+ .list-group-item {
18
+ position: relative;
19
+ display: block;
20
+ padding: 10px 30px 10px 15px;
21
+ // Place the border on the list items and negative margin up for better styling
22
+ margin-bottom: -1px;
23
+ border: 1px solid @list-group-border;
24
+ }
25
+ // Round the first and last items
26
+ .list-group-item:first-child {
27
+ .border-top-radius(@border-radius-base);
28
+ }
29
+ .list-group-item:last-child {
30
+ margin-bottom: 0;
31
+ .border-bottom-radius(@border-radius-base);
32
+ }
33
+
34
+
35
+ // Custom content options
36
+ // -------------------------
37
+
38
+ .list-group-item-heading {
39
+ margin-top: 0;
40
+ margin-bottom: 5px;
41
+ }
42
+ .list-group-item-text {
43
+ margin-bottom: 0;
44
+ line-height: 1.3;
45
+ }
46
+
47
+ // Linked list items
48
+ // -------------------------
49
+
50
+ // Custom content within linked items
51
+ a.list-group-item {
52
+ .list-group-item-heading {
53
+ color: #333;
54
+ }
55
+ .list-group-item-text {
56
+ color: #555;
57
+ }
58
+ }
59
+
60
+ // Hover state
61
+ a.list-group-item:hover,
62
+ a.list-group-item:focus {
63
+ text-decoration: none;
64
+ background-color: @list-group-hover-bg;
65
+ }
66
+
67
+ // Active class on item itself, not parent
68
+ a.list-group-item.active {
69
+ z-index: 2; // Place active items above their siblings for proper border styling
70
+ color: @list-group-active-text;
71
+ background-color: @list-group-active-bg;
72
+ border-color: @list-group-active-border;
73
+
74
+ // Force color to inherit for custom content
75
+ .list-group-item-heading {
76
+ color: inherit;
77
+ }
78
+ .list-group-item-text {
79
+ color: lighten(@list-group-active-bg, 40%);
80
+ }
81
+ }
82
+
83
+ // Chevrons and badges within list items
84
+ // -------------------------
85
+
86
+ .list-group-item > .badge,
87
+ .list-group-item > .glyphicon-chevron-right {
88
+ float: right;
89
+ margin-right: -15px;
90
+ }
91
+ .list-group-item > .glyphicon-chevron-right {
92
+ margin-right: -15px;
93
+ }
94
+ .list-group-item > .glyphicon + .badge {
95
+ margin-right: 5px;
96
+ }
@@ -0,0 +1,54 @@
1
+ // Media objects
2
+ // Source: http://stubbornella.org/content/?p=497
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Common styles
7
+ // -------------------------
8
+
9
+ // Clear the floats
10
+ .media,
11
+ .media-body {
12
+ overflow: hidden;
13
+ zoom: 1;
14
+ }
15
+
16
+ // Proper spacing between instances of .media
17
+ .media,
18
+ .media .media {
19
+ margin-top: 15px;
20
+ }
21
+ .media:first-child {
22
+ margin-top: 0;
23
+ }
24
+
25
+ // For images and videos, set to block
26
+ .media-object {
27
+ display: block;
28
+ }
29
+
30
+ // Reset margins on headings for tighter default spacing
31
+ .media-heading {
32
+ margin: 0 0 5px;
33
+ }
34
+
35
+
36
+ // Media image alignment
37
+ // -------------------------
38
+
39
+ .media > .pull-left {
40
+ margin-right: 10px;
41
+ }
42
+ .media > .pull-right {
43
+ margin-left: 10px;
44
+ }
45
+
46
+
47
+ // Media list variation
48
+ // -------------------------
49
+
50
+ // Undo default ul/ol styles
51
+ .media-list {
52
+ margin-left: 0;
53
+ list-style: none;
54
+ }