anjlab-bootstrap-rails 2.0.4.4 → 2.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. data/README.md +21 -20
  2. data/Rakefile +39 -26
  3. data/lib/bootstrap-rails/engine.rb +3 -0
  4. data/lib/bootstrap-rails/version.rb +1 -1
  5. data/vendor/assets/images/{glyphicons-halflings-white.png → twitter/glyphicons-halflings-white.png} +0 -0
  6. data/vendor/assets/images/twitter/glyphicons-halflings.png +0 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  8. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
  9. data/vendor/assets/javascripts/{bootstrap-alert.js → twitter/bootstrap/alert.js} +1 -1
  10. data/vendor/assets/javascripts/{bootstrap-button.js → twitter/bootstrap/button.js} +1 -1
  11. data/vendor/assets/javascripts/{bootstrap-carousel.js → twitter/bootstrap/carousel.js} +12 -5
  12. data/vendor/assets/javascripts/{bootstrap-collapse.js → twitter/bootstrap/collapse.js} +4 -3
  13. data/vendor/assets/javascripts/{bootstrap-dropdown.js → twitter/bootstrap/dropdown.js} +66 -16
  14. data/vendor/assets/javascripts/{bootstrap-modal.js → twitter/bootstrap/modal.js} +95 -74
  15. data/vendor/assets/javascripts/{bootstrap-popover.js → twitter/bootstrap/popover.js} +9 -4
  16. data/vendor/assets/javascripts/{bootstrap-scrollspy.js → twitter/bootstrap/scrollspy.js} +9 -9
  17. data/vendor/assets/javascripts/{bootstrap-tab.js → twitter/bootstrap/tab.js} +2 -2
  18. data/vendor/assets/javascripts/{bootstrap-tooltip.js → twitter/bootstrap/tooltip.js} +15 -15
  19. data/vendor/assets/javascripts/{bootstrap-transition.js → twitter/bootstrap/transition.js} +2 -3
  20. data/vendor/assets/javascripts/{bootstrap-typeahead.js → twitter/bootstrap/typeahead.js} +50 -35
  21. data/vendor/assets/stylesheets/twitter/bootstrap-responsive.scss +1 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -0
  23. data/vendor/frameworks/twitter/bootstrap.scss +1 -0
  24. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/accordion.scss +3 -2
  25. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/alerts.scss +15 -8
  26. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/bootstrap.scss +1 -1
  27. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/breadcrumbs.scss +10 -10
  28. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/button-groups.scss +76 -23
  29. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/buttons.scss +76 -56
  30. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/carousel.scss +13 -3
  31. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/close.scss +4 -2
  32. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/code.scss +6 -5
  33. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/component-animations.scss +5 -2
  34. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/dropdowns.scss +81 -14
  35. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/forms.scss +99 -46
  36. data/vendor/frameworks/twitter/bootstrap/grid.scss +21 -0
  37. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/hero-unit.scss +4 -2
  38. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/labels-badges.scss +19 -2
  39. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/layouts.scss +1 -2
  40. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/mixins.scss +105 -81
  41. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/modals.scss +9 -2
  42. data/vendor/frameworks/twitter/bootstrap/navbar.scss +468 -0
  43. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/navs.scss +38 -17
  44. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pager.scss +5 -4
  45. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pagination.scss +16 -8
  46. data/vendor/frameworks/twitter/bootstrap/popovers.scss +117 -0
  47. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/progress-bars.scss +18 -13
  48. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/reset.scss +6 -3
  49. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss +28 -0
  50. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-767px-max.scss +83 -69
  51. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss +19 -0
  52. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-navbar.scss +17 -4
  53. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-utilities.scss +17 -15
  54. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive.scss +5 -5
  55. data/vendor/frameworks/twitter/bootstrap/scaffolding.scss +51 -0
  56. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/sprites.scss +17 -20
  57. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/tables.scss +60 -15
  58. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/thumbnails.scss +9 -4
  59. data/vendor/frameworks/twitter/bootstrap/tooltip.scss +70 -0
  60. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/type.scss +56 -83
  61. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/utilities.scss +9 -2
  62. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/variables.scss +109 -36
  63. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/wells.scss +7 -5
  64. metadata +63 -59
  65. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  66. data/vendor/assets/javascripts/bootstrap.js +0 -12
  67. data/vendor/assets/stylesheets/grid.scss +0 -5
  68. data/vendor/assets/stylesheets/navbar.scss +0 -358
  69. data/vendor/assets/stylesheets/popovers.scss +0 -49
  70. data/vendor/assets/stylesheets/responsive-1200px-min.scss +0 -26
  71. data/vendor/assets/stylesheets/responsive-768px-979px.scss +0 -17
  72. data/vendor/assets/stylesheets/scaffolding.scss +0 -29
  73. data/vendor/assets/stylesheets/tooltip.scss +0 -35
@@ -0,0 +1,19 @@
1
+ //
2
+ // Responsive: Tablet to desktop
3
+ // --------------------------------------------------
4
+
5
+
6
+ @media (min-width: 768px) and (max-width: 979px) {
7
+
8
+ // Fixed grid
9
+ @include grid-core($gridColumnWidth768, $gridGutterWidth768);
10
+
11
+ // Fluid grid
12
+ @include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
13
+
14
+ // Input grid
15
+ @include grid-input($gridColumnWidth768, $gridGutterWidth768);
16
+
17
+ // No need to reset .thumbnails here since it's the same $gridGutterWidth
18
+
19
+ }
@@ -1,6 +1,11 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+
1
6
  // TABLETS AND BELOW
2
7
  // -----------------
3
- @media (max-width: 979px) {
8
+ @media (max-width: $navbarCollapseWidth) {
4
9
 
5
10
  // UNFIX THE TOPBAR
6
11
  // ----------------
@@ -8,7 +13,7 @@
8
13
  body {
9
14
  padding-top: 0;
10
15
  }
11
- // Unfix the navbar
16
+ // Unfix the navbars
12
17
  .navbar-fixed-top,
13
18
  .navbar-fixed-bottom {
14
19
  position: static;
@@ -61,7 +66,7 @@
61
66
  // Nav and dropdown links in navbar
62
67
  .nav-collapse .nav > li > a,
63
68
  .nav-collapse .dropdown-menu a {
64
- padding: 6px 15px;
69
+ padding: 9px 15px;
65
70
  font-weight: bold;
66
71
  color: $navbarLinkColor;
67
72
  @include border-radius(3px);
@@ -79,6 +84,10 @@
79
84
  .nav-collapse .dropdown-menu a:hover {
80
85
  background-color: $navbarBackground;
81
86
  }
87
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
88
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover {
89
+ background-color: $navbarInverseBackground;
90
+ }
82
91
  // Buttons in the navbar
83
92
  .nav-collapse.in .btn-group {
84
93
  margin-top: 5px;
@@ -138,16 +147,20 @@
138
147
  padding-left: 10px;
139
148
  padding-right: 10px;
140
149
  }
150
+
151
+
141
152
  }
142
153
 
143
154
 
144
155
  // DEFAULT DESKTOP
145
156
  // ---------------
146
157
 
147
- // Required to make the collapsing navbar work on regular desktops
148
158
  @media (min-width: 980px) {
159
+
160
+ // Required to make the collapsing navbar work on regular desktops
149
161
  .nav-collapse.collapse {
150
162
  height: auto !important;
151
163
  overflow: visible !important;
152
164
  }
165
+
153
166
  }
@@ -1,5 +1,7 @@
1
- // RESPONSIVE CLASSES
2
- // ------------------
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Hide from screenreaders and browsers
5
7
  // Credit: HTML5 Boilerplate
@@ -13,29 +15,29 @@
13
15
  // For desktops
14
16
  .visible-phone { display: none !important; }
15
17
  .visible-tablet { display: none !important; }
16
- .visible-desktop { } // Don't set initially
17
18
  .hidden-phone { }
18
19
  .hidden-tablet { }
19
20
  .hidden-desktop { display: none !important; }
20
-
21
- // Phones only
22
- @media (max-width: 767px) {
23
- // Show
24
- .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
25
- // Hide
26
- .hidden-phone { display: none !important; }
27
- // Hide everything else
28
- .hidden-desktop { display: inherit !important; }
29
- .visible-desktop { display: none !important; }
30
- }
21
+ .visible-desktop { display: inherit !important; }
31
22
 
32
23
  // Tablets & small desktops only
33
24
  @media (min-width: 768px) and (max-width: 979px) {
25
+ // Hide everything else
26
+ .hidden-desktop { display: inherit !important; }
27
+ .visible-desktop { display: none !important ; }
34
28
  // Show
35
29
  .visible-tablet { display: inherit !important; }
36
30
  // Hide
37
31
  .hidden-tablet { display: none !important; }
32
+ }
33
+
34
+ // Phones only
35
+ @media (max-width: 767px) {
38
36
  // Hide everything else
39
37
  .hidden-desktop { display: inherit !important; }
40
- .visible-desktop { display: none !important ; }
38
+ .visible-desktop { display: none !important; }
39
+ // Show
40
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
41
+ // Hide
42
+ .hidden-phone { display: none !important; }
41
43
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Responsive v2.0.4
2
+ * Bootstrap Responsive v2.1.0
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -31,14 +31,14 @@
31
31
  // MEDIA QUERIES
32
32
  // ------------------
33
33
 
34
- // Phones to portrait tablets and narrow desktops
35
- @import "responsive-767px-max.scss";
34
+ // Large desktops
35
+ @import "responsive-1200px-min.scss";
36
36
 
37
37
  // Tablets to regular desktops
38
38
  @import "responsive-768px-979px.scss";
39
39
 
40
- // Large desktops
41
- @import "responsive-1200px-min.scss";
40
+ // Phones to portrait tablets and narrow desktops
41
+ @import "responsive-767px-max.scss";
42
42
 
43
43
 
44
44
  // RESPONSIVE NAVBAR
@@ -0,0 +1,51 @@
1
+ //
2
+ // Scaffolding
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body reset
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: $bodyBackground;
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
+ }
30
+
31
+
32
+ // Images
33
+ // -------------------------
34
+
35
+ .img-rounded {
36
+ @include border-radius(6px);
37
+ }
38
+
39
+ .img-polaroid {
40
+ padding: 4px;
41
+ background-color: #fff;
42
+ border: 1px solid #ccc;
43
+ border: 1px solid rgba(0,0,0,.2);
44
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
45
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
46
+ box-shadow: 0 1px 3px rgba(0,0,0,.1);
47
+ }
48
+
49
+ .img-circle {
50
+ @include border-radius(500px);
51
+ }
@@ -1,6 +1,6 @@
1
- // SPRITES
2
- // Glyphs and icons for buttons, nav, and more
3
- // -------------------------------------------
1
+ //
2
+ // Sprites
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
6
  // ICONS
@@ -22,12 +22,21 @@
22
22
  @include ie7-restore-right-whitespace();
23
23
  line-height: 14px;
24
24
  vertical-align: text-top;
25
- background-image: url($iconSpritePath);
25
+ background-image: image-url($iconSpritePath);
26
26
  background-position: 14px 14px;
27
27
  background-repeat: no-repeat;
28
+ margin-top: 1px;
28
29
  }
29
- .icon-white {
30
- background-image: url($iconWhiteSpritePath);
30
+
31
+ /* White icons with optional class, or on hover/active states of certain elements */
32
+ .icon-white,
33
+ .nav > .active > a > [class^="icon-"],
34
+ .nav > .active > a > [class*=" icon-"],
35
+ .dropdown-menu > li > a:hover > [class^="icon-"],
36
+ .dropdown-menu > li > a:hover > [class*=" icon-"],
37
+ .dropdown-menu > .active > a > [class^="icon-"],
38
+ .dropdown-menu > .active > a > [class*=" icon-"] {
39
+ background-image: image-url($iconWhiteSpritePath);
31
40
  }
32
41
 
33
42
  .icon-glass { background-position: 0 0; }
@@ -144,7 +153,7 @@
144
153
  .icon-warning-sign { background-position: -144px -120px; }
145
154
  .icon-plane { background-position: -168px -120px; }
146
155
  .icon-calendar { background-position: -192px -120px; }
147
- .icon-random { background-position: -216px -120px; }
156
+ .icon-random { background-position: -216px -120px; width: 16px; }
148
157
  .icon-comment { background-position: -240px -120px; }
149
158
  .icon-magnet { background-position: -264px -120px; }
150
159
  .icon-chevron-up { background-position: -288px -120px; }
@@ -152,7 +161,7 @@
152
161
  .icon-retweet { background-position: -336px -120px; }
153
162
  .icon-shopping-cart { background-position: -360px -120px; }
154
163
  .icon-folder-close { background-position: -384px -120px; }
155
- .icon-folder-open { background-position: -408px -120px; }
164
+ .icon-folder-open { background-position: -408px -120px; width: 16px; }
156
165
  .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
157
166
  .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
158
167
 
@@ -176,15 +185,3 @@
176
185
  .icon-filter { background-position: -408px -144px; }
177
186
  .icon-briefcase { background-position: -432px -144px; }
178
187
  .icon-fullscreen { background-position: -456px -144px; }
179
-
180
-
181
-
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
-
@@ -1,7 +1,6 @@
1
1
  //
2
- // Tables.less
3
- // Tables for, you guessed it, tabular data
4
- // ----------------------------------------
2
+ // Tables
3
+ // --------------------------------------------------
5
4
 
6
5
 
7
6
  // BASE TABLES
@@ -70,7 +69,7 @@ table {
70
69
  .table-bordered {
71
70
  border: 1px solid $tableBorder;
72
71
  border-collapse: separate; // Done so we can round those corners!
73
- *border-collapse: collapsed; // IE7 can't round corners anyway
72
+ *border-collapse: collapse; // IE7 can't round corners anyway
74
73
  border-left: 0;
75
74
  @include border-radius(4px);
76
75
  th,
@@ -104,21 +103,44 @@ table {
104
103
  }
105
104
  // For first th or td in the first row in the first thead or tbody
106
105
  thead:last-child tr:last-child th:first-child,
107
- tbody:last-child tr:last-child td:first-child {
106
+ tbody:last-child tr:last-child td:first-child,
107
+ tfoot:last-child tr:last-child td:first-child {
108
108
  @include border-radius(0 0 0 4px);
109
109
  -webkit-border-bottom-left-radius: 4px;
110
110
  border-bottom-left-radius: 4px;
111
111
  -moz-border-radius-bottomleft: 4px;
112
112
  }
113
113
  thead:last-child tr:last-child th:last-child,
114
- tbody:last-child tr:last-child td:last-child {
114
+ tbody:last-child tr:last-child td:last-child,
115
+ tfoot:last-child tr:last-child td:last-child {
115
116
  -webkit-border-bottom-right-radius: 4px;
116
117
  border-bottom-right-radius: 4px;
117
118
  -moz-border-radius-bottomright: 4px;
118
119
  }
120
+
121
+ // Special fixes to round the left border on the first td/th
122
+ caption + thead tr:first-child th:first-child,
123
+ caption + tbody tr:first-child td:first-child,
124
+ colgroup + thead tr:first-child th:first-child,
125
+ colgroup + tbody tr:first-child td:first-child {
126
+ -webkit-border-top-left-radius: 4px;
127
+ border-top-left-radius: 4px;
128
+ -moz-border-radius-topleft: 4px;
129
+ }
130
+ caption + thead tr:first-child th:last-child,
131
+ caption + tbody tr:first-child td:last-child,
132
+ colgroup + thead tr:first-child th:last-child,
133
+ colgroup + tbody tr:first-child td:last-child {
134
+ -webkit-border-top-right-radius: 4px;
135
+ border-top-right-radius: 4px;
136
+ -moz-border-right-topleft: 4px;
137
+ }
138
+
119
139
  }
120
140
 
121
141
 
142
+
143
+
122
144
  // ZEBRA-STRIPING
123
145
  // --------------
124
146
 
@@ -136,10 +158,12 @@ table {
136
158
  // HOVER EFFECT
137
159
  // ------------
138
160
  // Placed here since it has to come after the potential zebra striping
139
- .table {
140
- tbody tr:hover td,
141
- tbody tr:hover th {
142
- background-color: $tableBackgroundHover;
161
+ .table-hover {
162
+ tbody {
163
+ tr:hover td,
164
+ tr:hover th {
165
+ background-color: $tableBackgroundHover;
166
+ }
143
167
  }
144
168
  }
145
169
 
@@ -147,14 +171,35 @@ table {
147
171
  // TABLE CELL SIZING
148
172
  // -----------------
149
173
 
150
- // Change the columns
151
- @mixin table-columns($columnSpan: 1) {
152
- float: none;
153
- width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
154
- margin-left: 0;
174
+ // Reset default grid behavior
175
+ table [class*=span],
176
+ .row-fluid table [class*=span] {
177
+ display: table-cell;
178
+ float: none; // undo default grid column styles
179
+ margin-left: 0; // undo default grid column styles
155
180
  }
181
+
182
+ // Change the column widths to account for td/th padding
183
+ // NOTE: where is table-columns?;
156
184
  table {
157
185
  @for $i from 1 through 24 {
158
186
  .span#{$i} { @include table-columns($i); }
159
187
  }
160
188
  }
189
+
190
+
191
+ // TABLE BACKGROUNDS
192
+ // -----------------
193
+ // Exact selectors below required to override .table-striped
194
+
195
+ .table {
196
+ tbody tr.success td {
197
+ background-color: $successBackground;
198
+ }
199
+ tbody tr.error td {
200
+ background-color: $errorBackground;
201
+ }
202
+ tbody tr.info td {
203
+ background-color: $infoBackground;
204
+ }
205
+ }
@@ -1,5 +1,8 @@
1
- // THUMBNAILS
2
- // ----------
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
3
6
  // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
4
7
 
5
8
  // Make wrapper ul behave like the grid
@@ -24,10 +27,11 @@
24
27
  .thumbnail {
25
28
  display: block;
26
29
  padding: 4px;
27
- line-height: 1;
30
+ line-height: $baseLineHeight;
28
31
  border: 1px solid #ddd;
29
32
  @include border-radius(4px);
30
- @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33
+ @include box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ @include transition(all .2s ease-in-out);
31
35
  }
32
36
  // Add a hover state for linked versions only
33
37
  a.thumbnail:hover {
@@ -44,4 +48,5 @@ a.thumbnail:hover {
44
48
  }
45
49
  .thumbnail .caption {
46
50
  padding: 9px;
51
+ color: $gray;
47
52
  }
@@ -0,0 +1,70 @@
1
+ //
2
+ // Tooltips
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .tooltip {
8
+ position: absolute;
9
+ z-index: $zindexTooltip;
10
+ display: block;
11
+ visibility: visible;
12
+ padding: 5px;
13
+ font-size: 11px;
14
+ @include opacity(0);
15
+ &.in { @include opacity(80); }
16
+ &.top { margin-top: -3px; }
17
+ &.right { margin-left: 3px; }
18
+ &.bottom { margin-top: 3px; }
19
+ &.left { margin-left: -3px; }
20
+ }
21
+
22
+ // Wrapper for the tooltip content
23
+ .tooltip-inner {
24
+ max-width: 200px;
25
+ padding: 3px 8px;
26
+ color: $tooltipColor;
27
+ text-align: center;
28
+ text-decoration: none;
29
+ background-color: $tooltipBackground;
30
+ @include border-radius(4px);
31
+ }
32
+
33
+ // Arrows
34
+ .tooltip-arrow {
35
+ position: absolute;
36
+ width: 0;
37
+ height: 0;
38
+ border-color: transparent;
39
+ border-style: solid;
40
+ }
41
+ .tooltip {
42
+ &.top .tooltip-arrow {
43
+ bottom: 0;
44
+ left: 50%;
45
+ margin-left: -$tooltipArrowWidth;
46
+ border-width: $tooltipArrowWidth $tooltipArrowWidth 0;
47
+ border-top-color: $tooltipArrowColor;
48
+ }
49
+ &.right .tooltip-arrow {
50
+ top: 50%;
51
+ left: 0;
52
+ margin-top: -$tooltipArrowWidth;
53
+ border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0;
54
+ border-right-color: $tooltipArrowColor;
55
+ }
56
+ &.left .tooltip-arrow {
57
+ top: 50%;
58
+ right: 0;
59
+ margin-top: -$tooltipArrowWidth;
60
+ border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth;
61
+ border-left-color: $tooltipArrowColor;
62
+ }
63
+ &.bottom .tooltip-arrow {
64
+ top: 0;
65
+ left: 50%;
66
+ margin-left: -$tooltipArrowWidth;
67
+ border-width: 0 $tooltipArrowWidth $tooltipArrowWidth;
68
+ border-bottom-color: $tooltipArrowColor;
69
+ }
70
+ }