cmaitchison-bootstrap-rails 2.0.1.1

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