sass-twitter-bootstrap-rails 0.1 → 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.
Files changed (70) hide show
  1. data/README.md +24 -12
  2. data/lib/generators/bootstrap/install/install_generator.rb +26 -0
  3. data/lib/generators/bootstrap/install/templates/application.css.scss +1 -0
  4. data/lib/generators/bootstrap/install/templates/application.js +9 -0
  5. data/lib/sass-twitter-bootstrap/rails/version.rb +2 -3
  6. data/sass-twitter-bootstrap-rails.gemspec +1 -1
  7. data/vendor/assets/javascripts/twitter/bootstrap.js +1 -1
  8. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +91 -0
  9. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +98 -0
  10. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +154 -0
  11. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +136 -0
  12. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +92 -0
  13. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +209 -0
  14. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +95 -0
  15. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +125 -0
  16. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +130 -0
  17. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +270 -0
  18. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +51 -0
  19. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +271 -0
  20. data/vendor/assets/stylesheets/twitter/bootstrap.scss +49 -16
  21. data/vendor/assets/stylesheets/twitter/bootstrap/accordion.scss +28 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap/alerts.scss +70 -0
  23. data/vendor/assets/stylesheets/twitter/bootstrap/breadcrumbs.scss +22 -0
  24. data/vendor/assets/stylesheets/twitter/bootstrap/button-groups.scss +146 -0
  25. data/vendor/assets/stylesheets/twitter/bootstrap/buttons.scss +165 -0
  26. data/vendor/assets/stylesheets/twitter/bootstrap/carousel.scss +121 -0
  27. data/vendor/assets/stylesheets/twitter/bootstrap/close.scss +18 -0
  28. data/vendor/assets/stylesheets/twitter/bootstrap/code.scss +43 -0
  29. data/vendor/assets/stylesheets/twitter/bootstrap/component-animations.scss +18 -0
  30. data/vendor/assets/stylesheets/twitter/bootstrap/dropdowns.scss +131 -0
  31. data/vendor/assets/stylesheets/twitter/bootstrap/forms.scss +497 -0
  32. data/vendor/assets/stylesheets/twitter/bootstrap/grid.scss +8 -0
  33. data/vendor/assets/stylesheets/twitter/bootstrap/hero-unit.scss +20 -0
  34. data/vendor/assets/stylesheets/twitter/bootstrap/labels.scss +16 -0
  35. data/vendor/assets/stylesheets/twitter/bootstrap/layout.scss +15 -0
  36. data/vendor/assets/stylesheets/twitter/bootstrap/mixins.scss +461 -0
  37. data/vendor/assets/stylesheets/twitter/bootstrap/modals.scss +73 -0
  38. data/vendor/assets/stylesheets/twitter/bootstrap/navbar.scss +292 -0
  39. data/vendor/assets/stylesheets/twitter/bootstrap/navs.scss +344 -0
  40. data/vendor/assets/stylesheets/twitter/bootstrap/pager.scss +30 -0
  41. data/vendor/assets/stylesheets/twitter/bootstrap/pagination.scss +55 -0
  42. data/vendor/assets/stylesheets/twitter/bootstrap/popovers.scss +49 -0
  43. data/vendor/assets/stylesheets/twitter/bootstrap/progress-bars.scss +95 -0
  44. data/vendor/assets/stylesheets/twitter/{reset.scss → bootstrap/reset.scss} +37 -52
  45. data/vendor/assets/stylesheets/twitter/bootstrap/responsive.scss +323 -0
  46. data/vendor/assets/stylesheets/twitter/bootstrap/scaffolding.scss +27 -0
  47. data/vendor/assets/stylesheets/twitter/bootstrap/sprites.scss +156 -0
  48. data/vendor/assets/stylesheets/twitter/bootstrap/tables.scss +123 -0
  49. data/vendor/assets/stylesheets/twitter/bootstrap/thumbnails.scss +35 -0
  50. data/vendor/assets/stylesheets/twitter/bootstrap/tooltip.scss +35 -0
  51. data/vendor/assets/stylesheets/twitter/bootstrap/type.scss +214 -0
  52. data/vendor/assets/stylesheets/twitter/bootstrap/utilities.scss +23 -0
  53. data/vendor/assets/stylesheets/twitter/bootstrap/variables.scss +75 -0
  54. data/vendor/assets/stylesheets/twitter/bootstrap/wells.scss +17 -0
  55. metadata +56 -23
  56. data/vendor/assets/javascripts/twitter/bootstrap-alerts.js +0 -113
  57. data/vendor/assets/javascripts/twitter/bootstrap-buttons.js +0 -62
  58. data/vendor/assets/javascripts/twitter/bootstrap-dropdown.js +0 -55
  59. data/vendor/assets/javascripts/twitter/bootstrap-modal.js +0 -260
  60. data/vendor/assets/javascripts/twitter/bootstrap-popover.js +0 -86
  61. data/vendor/assets/javascripts/twitter/bootstrap-scrollspy.js +0 -107
  62. data/vendor/assets/javascripts/twitter/bootstrap-tabs.js +0 -80
  63. data/vendor/assets/javascripts/twitter/bootstrap-twipsy.js +0 -310
  64. data/vendor/assets/stylesheets/twitter/forms.scss +0 -478
  65. data/vendor/assets/stylesheets/twitter/mixins.scss +0 -220
  66. data/vendor/assets/stylesheets/twitter/patterns.scss +0 -1060
  67. data/vendor/assets/stylesheets/twitter/scaffolding.scss +0 -108
  68. data/vendor/assets/stylesheets/twitter/tables.scss +0 -224
  69. data/vendor/assets/stylesheets/twitter/type.scss +0 -187
  70. data/vendor/assets/stylesheets/twitter/variables.scss +0 -60
@@ -0,0 +1,27 @@
1
+ // Scaffolding
2
+ // Basic and global styles for generating a grid system, structural layout, and page templates
3
+ // -------------------------------------------------------------------------------------------
4
+
5
+ // STRUCTURAL LAYOUT
6
+ // -----------------
7
+
8
+ body {
9
+ margin: 0;
10
+ font-family: $baseFontFamily;
11
+ font-size: $baseFontSize;
12
+ line-height: $baseLineHeight;
13
+ color: $textColor;
14
+ background-color: $white;
15
+ }
16
+
17
+ // LINKS
18
+ // -----------
19
+
20
+ a {
21
+ color: $linkColor;
22
+ text-decoration: none;
23
+ &:hover {
24
+ color: $linkColorHover;
25
+ text-decoration: underline;
26
+ }
27
+ }
@@ -0,0 +1,156 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
8
+
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="i icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="i icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"] {
18
+ display: inline-block;
19
+ width: 14px;
20
+ height: 14px;
21
+ vertical-align: text-top;
22
+ background-image: url(../img/glyphicons-halflings.png);
23
+ background-position: 14px 14px;
24
+ background-repeat: no-repeat;
25
+
26
+ @extend .ie7-restore-right-whitespace;
27
+ }
28
+ .icon-white {
29
+ background-image: url(../img/glyphicons-halflings-white.png);
30
+ }
31
+
32
+ .icon-glass { background-position: 0 0; }
33
+ .icon-music { background-position: -24px 0; }
34
+ .icon-search { background-position: -48px 0; }
35
+ .icon-envelope { background-position: -72px 0; }
36
+ .icon-heart { background-position: -96px 0; }
37
+ .icon-star { background-position: -120px 0; }
38
+ .icon-star-empty { background-position: -144px 0; }
39
+ .icon-user { background-position: -168px 0; }
40
+ .icon-film { background-position: -192px 0; }
41
+ .icon-th-large { background-position: -216px 0; }
42
+ .icon-th { background-position: -240px 0; }
43
+ .icon-th-list { background-position: -264px 0; }
44
+ .icon-ok { background-position: -288px 0; }
45
+ .icon-remove { background-position: -312px 0; }
46
+ .icon-zoom-in { background-position: -336px 0; }
47
+ .icon-zoom-out { background-position: -360px 0; }
48
+ .icon-off { background-position: -384px 0; }
49
+ .icon-signal { background-position: -408px 0; }
50
+ .icon-cog { background-position: -432px 0; }
51
+ .icon-trash { background-position: -456px 0; }
52
+
53
+ .icon-home { background-position: 0 -24px; }
54
+ .icon-file { background-position: -24px -24px; }
55
+ .icon-time { background-position: -48px -24px; }
56
+ .icon-road { background-position: -72px -24px; }
57
+ .icon-download-alt { background-position: -96px -24px; }
58
+ .icon-download { background-position: -120px -24px; }
59
+ .icon-upload { background-position: -144px -24px; }
60
+ .icon-inbox { background-position: -168px -24px; }
61
+ .icon-play-circle { background-position: -192px -24px; }
62
+ .icon-repeat { background-position: -216px -24px; }
63
+ .icon-refresh { background-position: -240px -24px; }
64
+ .icon-list-alt { background-position: -264px -24px; }
65
+ .icon-lock { background-position: -287px -24px; } // 1px off
66
+ .icon-flag { background-position: -312px -24px; }
67
+ .icon-headphones { background-position: -336px -24px; }
68
+ .icon-volume-off { background-position: -360px -24px; }
69
+ .icon-volume-down { background-position: -384px -24px; }
70
+ .icon-volume-up { background-position: -408px -24px; }
71
+ .icon-qrcode { background-position: -432px -24px; }
72
+ .icon-barcode { background-position: -456px -24px; }
73
+
74
+ .icon-tag { background-position: 0 -48px; }
75
+ .icon-tags { background-position: -25px -48px; } // 1px off
76
+ .icon-book { background-position: -48px -48px; }
77
+ .icon-bookmark { background-position: -72px -48px; }
78
+ .icon-print { background-position: -96px -48px; }
79
+ .icon-camera { background-position: -120px -48px; }
80
+ .icon-font { background-position: -144px -48px; }
81
+ .icon-bold { background-position: -167px -48px; } // 1px off
82
+ .icon-italic { background-position: -192px -48px; }
83
+ .icon-text-height { background-position: -216px -48px; }
84
+ .icon-text-width { background-position: -240px -48px; }
85
+ .icon-align-left { background-position: -264px -48px; }
86
+ .icon-align-center { background-position: -288px -48px; }
87
+ .icon-align-right { background-position: -312px -48px; }
88
+ .icon-align-justify { background-position: -336px -48px; }
89
+ .icon-list { background-position: -360px -48px; }
90
+ .icon-indent-left { background-position: -384px -48px; }
91
+ .icon-indent-right { background-position: -408px -48px; }
92
+ .icon-facetime-video { background-position: -432px -48px; }
93
+ .icon-picture { background-position: -456px -48px; }
94
+
95
+ .icon-pencil { background-position: 0 -72px; }
96
+ .icon-map-marker { background-position: -24px -72px; }
97
+ .icon-adjust { background-position: -48px -72px; }
98
+ .icon-tint { background-position: -72px -72px; }
99
+ .icon-edit { background-position: -96px -72px; }
100
+ .icon-share { background-position: -120px -72px; }
101
+ .icon-check { background-position: -144px -72px; }
102
+ .icon-move { background-position: -168px -72px; }
103
+ .icon-step-backward { background-position: -192px -72px; }
104
+ .icon-fast-backward { background-position: -216px -72px; }
105
+ .icon-backward { background-position: -240px -72px; }
106
+ .icon-play { background-position: -264px -72px; }
107
+ .icon-pause { background-position: -288px -72px; }
108
+ .icon-stop { background-position: -312px -72px; }
109
+ .icon-forward { background-position: -336px -72px; }
110
+ .icon-fast-forward { background-position: -360px -72px; }
111
+ .icon-step-forward { background-position: -384px -72px; }
112
+ .icon-eject { background-position: -408px -72px; }
113
+ .icon-chevron-left { background-position: -432px -72px; }
114
+ .icon-chevron-right { background-position: -456px -72px; }
115
+
116
+ .icon-plus-sign { background-position: 0 -96px; }
117
+ .icon-minus-sign { background-position: -24px -96px; }
118
+ .icon-remove-sign { background-position: -48px -96px; }
119
+ .icon-ok-sign { background-position: -72px -96px; }
120
+ .icon-question-sign { background-position: -96px -96px; }
121
+ .icon-info-sign { background-position: -120px -96px; }
122
+ .icon-screenshot { background-position: -144px -96px; }
123
+ .icon-remove-circle { background-position: -168px -96px; }
124
+ .icon-ok-circle { background-position: -192px -96px; }
125
+ .icon-ban-circle { background-position: -216px -96px; }
126
+ .icon-arrow-left { background-position: -240px -96px; }
127
+ .icon-arrow-right { background-position: -264px -96px; }
128
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
129
+ .icon-arrow-down { background-position: -312px -96px; }
130
+ .icon-share-alt { background-position: -336px -96px; }
131
+ .icon-resize-full { background-position: -360px -96px; }
132
+ .icon-resize-small { background-position: -384px -96px; }
133
+ .icon-plus { background-position: -408px -96px; }
134
+ .icon-minus { background-position: -433px -96px; }
135
+ .icon-asterisk { background-position: -456px -96px; }
136
+
137
+ .icon-exclamation-sign { background-position: 0 -120px; }
138
+ .icon-gift { background-position: -24px -120px; }
139
+ .icon-leaf { background-position: -48px -120px; }
140
+ .icon-fire { background-position: -72px -120px; }
141
+ .icon-eye-open { background-position: -96px -120px; }
142
+ .icon-eye-close { background-position: -120px -120px; }
143
+ .icon-warning-sign { background-position: -144px -120px; }
144
+ .icon-plane { background-position: -168px -120px; }
145
+ .icon-calendar { background-position: -192px -120px; }
146
+ .icon-random { background-position: -216px -120px; }
147
+ .icon-comment { background-position: -240px -120px; }
148
+ .icon-magnet { background-position: -264px -120px; }
149
+ .icon-chevron-up { background-position: -288px -120px; }
150
+ .icon-chevron-down { background-position: -313px -119px; } // 1px off
151
+ .icon-retweet { background-position: -336px -120px; }
152
+ .icon-shopping-cart { background-position: -360px -120px; }
153
+ .icon-folder-close { background-position: -384px -120px; }
154
+ .icon-folder-open { background-position: -408px -120px; }
155
+ .icon-resize-vertical { background-position: -432px -119px; }
156
+ .icon-resize-horizontal { background-position: -456px -118px; }
@@ -0,0 +1,123 @@
1
+ //
2
+ // Tables.less
3
+ // Tables for, you guessed it, tabular data
4
+ // ----------------------------------------
5
+
6
+
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
16
+ // baseLineHeight STYLES
17
+ // ---------------
18
+
19
+ table {
20
+ width: 100%;
21
+ margin-bottom: $baseLineHeight;
22
+ th,
23
+ td {
24
+ padding: 8px;
25
+ line-height: $baseLineHeight;
26
+ text-align: left;
27
+ border-top: 1px solid #ddd;
28
+ }
29
+ th {
30
+ font-weight: bold;
31
+ vertical-align: bottom;
32
+ }
33
+ td {
34
+ vertical-align: top;
35
+ }
36
+ thead:first-child tr th,
37
+ thead:first-child tr td {
38
+ border-top: 0;
39
+ }
40
+ // Account for multiple tbody instances
41
+ tbody + tbody {
42
+ border-top: 2px solid #ddd;
43
+ }
44
+ }
45
+
46
+ // CONDENSED TABLE W/ HALF PADDING
47
+ // -------------------------------
48
+
49
+ .table-condensed {
50
+ th,
51
+ td {
52
+ padding: 4px 5px;
53
+ }
54
+ }
55
+
56
+ // BORDERED VERSION
57
+ // ----------------
58
+
59
+ .table-bordered {
60
+ border: 1px solid #ddd;
61
+ border-collapse: separate; // Done so we can round those corners!
62
+ *border-collapse: collapsed; // IE7 can't round corners anyway
63
+ @include border-radius(4px);
64
+ th + th,
65
+ td + td,
66
+ th + td,
67
+ td + th {
68
+ border-left: 1px solid #ddd;
69
+ }
70
+ // Prevent a double border
71
+ thead:first-child tr:first-child th,
72
+ tbody:first-child tr:first-child th,
73
+ tbody:first-child tr:first-child td {
74
+ border-top: 0;
75
+ }
76
+ // For first th or td in the first row in the first thead or tbody
77
+ thead:first-child tr:first-child th:first-child,
78
+ tbody:first-child tr:first-child td:first-child {
79
+ @include border-radius(4px 0 0 0);
80
+ }
81
+ thead:first-child tr:first-child th:last-child,
82
+ tbody:first-child tr:first-child td:last-child {
83
+ @include border-radius(0 4px 0 0);
84
+ }
85
+ // For first th or td in the first row in the first thead or tbody
86
+ thead:last-child tr:last-child th:first-child,
87
+ tbody:last-child tr:last-child td:first-child {
88
+ @include border-radius(0 0 0 4px);
89
+ }
90
+ thead:last-child tr:last-child th:last-child,
91
+ tbody:last-child tr:last-child td:last-child {
92
+ @include border-radius(0 0 4px 0);
93
+ }
94
+ }
95
+
96
+ // ZEBRA-STRIPING
97
+ // --------------
98
+
99
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
100
+ .table-striped {
101
+ tbody {
102
+ tr:nth-child(odd) td,
103
+ tr:nth-child(odd) th {
104
+ background-color: #f9f9f9;
105
+ }
106
+ }
107
+ }
108
+
109
+ // TABLE CELL SIZING
110
+ // -----------------
111
+
112
+ // Change the columns
113
+ @mixin tableColumns($columnSpan: 1) {
114
+ float: none;
115
+ width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
116
+ margin-left: 0;
117
+ }
118
+
119
+ table {
120
+ @for $i from 1 through 12 {
121
+ .span#{$i} { @include tableColumns($i); }
122
+ }
123
+ }
@@ -0,0 +1,35 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails {
5
+ margin-left: -20px;
6
+ list-style: none;
7
+ @include clearfix;
8
+ }
9
+ .thumbnails > li {
10
+ float: left;
11
+ margin: 0 0 $baseLineHeight 20px;
12
+ }
13
+ .thumbnail {
14
+ display: block;
15
+ padding: 4px;
16
+ line-height: 1;
17
+ border: 1px solid #ddd;
18
+ @include border-radius(4px);
19
+ @include box-shadow(0 1px 1px rgba(0,0,0,.075));
20
+ }
21
+ // Add a hover state for linked versions only
22
+ a.thumbnail:hover {
23
+ border-color: $linkColor;
24
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
25
+ }
26
+ // Images and captions
27
+ .thumbnail > img {
28
+ display: block;
29
+ max-width: 100%;
30
+ margin-left: auto;
31
+ margin-right: auto;
32
+ }
33
+ .thumbnail .caption {
34
+ padding: 9px;
35
+ }
@@ -0,0 +1,35 @@
1
+ // TOOLTIP
2
+ // -------
3
+
4
+ .tooltip {
5
+ position: absolute;
6
+ z-index: $zindexTooltip;
7
+ display: block;
8
+ visibility: visible;
9
+ padding: 5px;
10
+ font-size: 11px;
11
+ @include opacity(0);
12
+ &.in { @include opacity(80); }
13
+ &.top { margin-top: -2px; }
14
+ &.right { margin-left: 2px; }
15
+ &.bottom { margin-top: 2px; }
16
+ &.left { margin-left: -2px; }
17
+ &.top .tooltip-arrow { @include popover-top; }
18
+ &.left .tooltip-arrow { @include popover-left; }
19
+ &.bottom .tooltip-arrow { @include popover-bottom; }
20
+ &.right .tooltip-arrow { @include popover-right; }
21
+ }
22
+ .tooltip-inner {
23
+ max-width: 200px;
24
+ padding: 3px 8px;
25
+ color: $white;
26
+ text-align: center;
27
+ text-decoration: none;
28
+ background-color: $black;
29
+ @include border-radius(4px);
30
+ }
31
+ .tooltip-arrow {
32
+ position: absolute;
33
+ width: 0;
34
+ height: 0;
35
+ }
@@ -0,0 +1,214 @@
1
+ // Typography.less
2
+ // Headings, body text, lists, code, and more for a versatile and durable typography system
3
+ // ----------------------------------------------------------------------------------------
4
+
5
+
6
+ // BODY TEXT
7
+ // ---------
8
+
9
+ p {
10
+ margin: 0 0 $baseLineHeight / 2;
11
+ font-family: $baseFontFamily;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ small {
15
+ font-size: $baseFontSize - 2;
16
+ color: $grayLight;
17
+ }
18
+ }
19
+ .lead {
20
+ margin-bottom: $baseLineHeight;
21
+ font-size: 20px;
22
+ font-weight: 200;
23
+ line-height: $baseLineHeight * 1.5;
24
+ }
25
+
26
+ // HEADINGS
27
+ // --------
28
+
29
+ h1, h2, h3, h4, h5, h6 {
30
+ margin: 0;
31
+ font-weight: bold;
32
+ color: $grayDark;
33
+ text-rendering: optimizelegibility; // Fix the character spacing for headings
34
+ small {
35
+ font-weight: normal;
36
+ color: $grayLight;
37
+ }
38
+ }
39
+ h1 {
40
+ font-size: 30px;
41
+ line-height: $baseLineHeight * 2;
42
+ small {
43
+ font-size: 18px;
44
+ }
45
+ }
46
+ h2 {
47
+ font-size: 24px;
48
+ line-height: $baseLineHeight * 2;
49
+ small {
50
+ font-size: 18px;
51
+ }
52
+ }
53
+ h3 {
54
+ line-height: $baseLineHeight * 1.5;
55
+ font-size: 18px;
56
+ small {
57
+ font-size: 14px;
58
+ }
59
+ }
60
+ h4, h5, h6 {
61
+ line-height: $baseLineHeight;
62
+ }
63
+ h4 {
64
+ font-size: 14px;
65
+ small {
66
+ font-size: 12px;
67
+ }
68
+ }
69
+ h5 {
70
+ font-size: 12px;
71
+ }
72
+ h6 {
73
+ font-size: 11px;
74
+ color: $grayLight;
75
+ text-transform: uppercase;
76
+ }
77
+
78
+ // Page header
79
+ .page-header {
80
+ padding-bottom: $baseLineHeight - 1;
81
+ margin: $baseLineHeight 0;
82
+ border-bottom: 1px solid $grayLighter;
83
+ }
84
+ .page-header h1 {
85
+ line-height: 1;
86
+ }
87
+
88
+ // LISTS
89
+ // ------
90
+
91
+ // Unordered and Ordered lists
92
+ ul, ol {
93
+ padding: 0;
94
+ margin: 0 0 $baseLineHeight / 2 25px;
95
+ }
96
+ ul ul,
97
+ ul ol,
98
+ ol ol,
99
+ ol ul {
100
+ margin-bottom: 0;
101
+ }
102
+ ul {
103
+ list-style: disc;
104
+ }
105
+ ol {
106
+ list-style: decimal;
107
+ }
108
+ li {
109
+ line-height: $baseLineHeight;
110
+ }
111
+ ul.unstyled {
112
+ list-style: none;
113
+ margin-left: 0;
114
+ }
115
+
116
+ // Description Lists
117
+ dl {
118
+ margin-bottom: $baseLineHeight;
119
+ dt, dd {
120
+ line-height: $baseLineHeight;
121
+ }
122
+ dt {
123
+ font-weight: bold;
124
+ }
125
+ dd {
126
+ margin-left: $baseLineHeight / 2;
127
+ }
128
+ }
129
+
130
+ // MISC
131
+ // ----
132
+
133
+ // Horizontal rules
134
+ hr {
135
+ margin: $baseLineHeight 0;
136
+ border: 0;
137
+ border-top: 1px solid #e5e5e5;
138
+ border-bottom: 1px solid $white;
139
+ }
140
+
141
+ // Emphasis
142
+ strong {
143
+ font-weight: bold;
144
+ }
145
+ em {
146
+ font-style: italic;
147
+ }
148
+ .muted {
149
+ color: $grayLight;
150
+ }
151
+
152
+ // Abbreviations and acronyms
153
+ abbr {
154
+ font-size: 90%;
155
+ text-transform: uppercase;
156
+ border-bottom: 1px dotted #ddd;
157
+ cursor: help;
158
+ }
159
+
160
+ // Blockquotes
161
+ blockquote {
162
+ padding: 0 0 0 15px;
163
+ margin: 0 0 $baseLineHeight;
164
+ border-left: 5px solid $grayLighter;
165
+ p {
166
+ @include shorthand(16px, 300, $baseLineHeight * 1.25);
167
+ margin-bottom: 0;
168
+ }
169
+ small {
170
+ display: block;
171
+ line-height: $baseLineHeight;
172
+ color: $grayLight;
173
+ &:before {
174
+ content: '\2014 \00A0';
175
+ }
176
+ }
177
+
178
+ // Float right with text-align: right
179
+ &.pull-right {
180
+ float: right;
181
+ padding-left: 0;
182
+ padding-right: 15px;
183
+ border-left: 0;
184
+ border-right: 5px solid $grayLighter;
185
+ p,
186
+ small {
187
+ text-align: right;
188
+ }
189
+ }
190
+ }
191
+
192
+ // Quotes
193
+ q:before,
194
+ q:after,
195
+ blockquote:before,
196
+ blockquote:after {
197
+ content: "";
198
+ }
199
+
200
+ // Addresses
201
+ address {
202
+ display: block;
203
+ line-height: $baseLineHeight;
204
+ margin-bottom: $baseLineHeight;
205
+ font-style: normal;
206
+ }
207
+
208
+ // Misc
209
+ small {
210
+ font-size: 100%;
211
+ }
212
+ cite {
213
+ font-style: normal;
214
+ }