jekyll-theme-potato-hacker 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 (94) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +675 -0
  3. data/LICENSE.txt +674 -0
  4. data/README.md +64 -0
  5. data/_includes/footer.html +55 -0
  6. data/_includes/head.html +57 -0
  7. data/_includes/header.html +55 -0
  8. data/_layouts/default.html +73 -0
  9. data/_layouts/page.html +4 -0
  10. data/_layouts/post.html +7 -0
  11. data/_sass/_base.scss +148 -0
  12. data/_sass/_bootstrap.scss +56 -0
  13. data/_sass/_variables-dark.scss +872 -0
  14. data/_sass/_variables-light.scss +872 -0
  15. data/_sass/bootstrap/_alerts.scss +73 -0
  16. data/_sass/bootstrap/_badges.scss +68 -0
  17. data/_sass/bootstrap/_breadcrumbs.scss +28 -0
  18. data/_sass/bootstrap/_button-groups.scss +244 -0
  19. data/_sass/bootstrap/_buttons.scss +168 -0
  20. data/_sass/bootstrap/_carousel.scss +270 -0
  21. data/_sass/bootstrap/_close.scss +36 -0
  22. data/_sass/bootstrap/_code.scss +69 -0
  23. data/_sass/bootstrap/_component-animations.scss +37 -0
  24. data/_sass/bootstrap/_dropdowns.scss +216 -0
  25. data/_sass/bootstrap/_forms.scss +617 -0
  26. data/_sass/bootstrap/_glyphicons.scss +307 -0
  27. data/_sass/bootstrap/_grid.scss +84 -0
  28. data/_sass/bootstrap/_input-groups.scss +171 -0
  29. data/_sass/bootstrap/_jumbotron.scss +54 -0
  30. data/_sass/bootstrap/_labels.scss +66 -0
  31. data/_sass/bootstrap/_list-group.scss +130 -0
  32. data/_sass/bootstrap/_media.scss +66 -0
  33. data/_sass/bootstrap/_mixins.scss +40 -0
  34. data/_sass/bootstrap/_modals.scss +150 -0
  35. data/_sass/bootstrap/_navbar.scss +662 -0
  36. data/_sass/bootstrap/_navs.scss +242 -0
  37. data/_sass/bootstrap/_normalize.scss +424 -0
  38. data/_sass/bootstrap/_pager.scss +54 -0
  39. data/_sass/bootstrap/_pagination.scss +89 -0
  40. data/_sass/bootstrap/_panels.scss +271 -0
  41. data/_sass/bootstrap/_popovers.scss +131 -0
  42. data/_sass/bootstrap/_print.scss +101 -0
  43. data/_sass/bootstrap/_progress-bars.scss +87 -0
  44. data/_sass/bootstrap/_responsive-embed.scss +35 -0
  45. data/_sass/bootstrap/_responsive-utilities.scss +179 -0
  46. data/_sass/bootstrap/_scaffolding.scss +161 -0
  47. data/_sass/bootstrap/_tables.scss +234 -0
  48. data/_sass/bootstrap/_theme.scss +291 -0
  49. data/_sass/bootstrap/_thumbnails.scss +38 -0
  50. data/_sass/bootstrap/_tooltip.scss +101 -0
  51. data/_sass/bootstrap/_type.scss +298 -0
  52. data/_sass/bootstrap/_utilities.scss +55 -0
  53. data/_sass/bootstrap/_variables.scss +874 -0
  54. data/_sass/bootstrap/_wells.scss +29 -0
  55. data/_sass/bootstrap/mixins/_alerts.scss +14 -0
  56. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  57. data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
  58. data/_sass/bootstrap/mixins/_buttons.scss +65 -0
  59. data/_sass/bootstrap/mixins/_center-block.scss +7 -0
  60. data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
  61. data/_sass/bootstrap/mixins/_forms.scss +88 -0
  62. data/_sass/bootstrap/mixins/_gradients.scss +58 -0
  63. data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
  64. data/_sass/bootstrap/mixins/_grid.scss +122 -0
  65. data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
  66. data/_sass/bootstrap/mixins/_image.scss +33 -0
  67. data/_sass/bootstrap/mixins/_labels.scss +12 -0
  68. data/_sass/bootstrap/mixins/_list-group.scss +32 -0
  69. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  70. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  71. data/_sass/bootstrap/mixins/_opacity.scss +8 -0
  72. data/_sass/bootstrap/mixins/_pagination.scss +24 -0
  73. data/_sass/bootstrap/mixins/_panels.scss +24 -0
  74. data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
  75. data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
  76. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  77. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  78. data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
  79. data/_sass/bootstrap/mixins/_size.scss +10 -0
  80. data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
  81. data/_sass/bootstrap/mixins/_table-row.scss +28 -0
  82. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  83. data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
  84. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  85. data/assets/css/font-awesome.min.css +4 -0
  86. data/assets/css/main-dark.scss +8 -0
  87. data/assets/css/main-light.scss +8 -0
  88. data/assets/css/syntax.css +78 -0
  89. data/assets/img/avatar.jpg +0 -0
  90. data/assets/img/icons/favicon.ico +0 -0
  91. data/assets/img/opengraph.png +0 -0
  92. data/assets/img/screenshot.png +0 -0
  93. data/assets/js/main.js +90 -0
  94. metadata +183 -0
@@ -0,0 +1,270 @@
1
+ //
2
+ // Carousel
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Wrapper for the slide container and indicators
7
+ .carousel {
8
+ position: relative;
9
+ }
10
+
11
+ .carousel-inner {
12
+ position: relative;
13
+ overflow: hidden;
14
+ width: 100%;
15
+
16
+ > .item {
17
+ display: none;
18
+ position: relative;
19
+ @include transition(.6s ease-in-out left);
20
+
21
+ // Account for jankitude on images
22
+ > img,
23
+ > a > img {
24
+ @include img-responsive;
25
+ line-height: 1;
26
+ }
27
+
28
+ // WebKit CSS3 transforms for supported devices
29
+ @media all and (transform-3d), (-webkit-transform-3d) {
30
+ @include transition-transform(0.6s ease-in-out);
31
+ @include backface-visibility(hidden);
32
+ @include perspective(1000px);
33
+
34
+ &.next,
35
+ &.active.right {
36
+ @include translate3d(100%, 0, 0);
37
+ left: 0;
38
+ }
39
+ &.prev,
40
+ &.active.left {
41
+ @include translate3d(-100%, 0, 0);
42
+ left: 0;
43
+ }
44
+ &.next.left,
45
+ &.prev.right,
46
+ &.active {
47
+ @include translate3d(0, 0, 0);
48
+ left: 0;
49
+ }
50
+ }
51
+ }
52
+
53
+ > .active,
54
+ > .next,
55
+ > .prev {
56
+ display: block;
57
+ }
58
+
59
+ > .active {
60
+ left: 0;
61
+ }
62
+
63
+ > .next,
64
+ > .prev {
65
+ position: absolute;
66
+ top: 0;
67
+ width: 100%;
68
+ }
69
+
70
+ > .next {
71
+ left: 100%;
72
+ }
73
+ > .prev {
74
+ left: -100%;
75
+ }
76
+ > .next.left,
77
+ > .prev.right {
78
+ left: 0;
79
+ }
80
+
81
+ > .active.left {
82
+ left: -100%;
83
+ }
84
+ > .active.right {
85
+ left: 100%;
86
+ }
87
+
88
+ }
89
+
90
+ // Left/right controls for nav
91
+ // ---------------------------
92
+
93
+ .carousel-control {
94
+ position: absolute;
95
+ top: 0;
96
+ left: 0;
97
+ bottom: 0;
98
+ width: $carousel-control-width;
99
+ @include opacity($carousel-control-opacity);
100
+ font-size: $carousel-control-font-size;
101
+ color: $carousel-control-color;
102
+ text-align: center;
103
+ text-shadow: $carousel-text-shadow;
104
+ background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
105
+ // We can't have this transition here because WebKit cancels the carousel
106
+ // animation if you trip this while in the middle of another animation.
107
+
108
+ // Set gradients for backgrounds
109
+ &.left {
110
+ @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
111
+ }
112
+ &.right {
113
+ left: auto;
114
+ right: 0;
115
+ @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
116
+ }
117
+
118
+ // Hover/focus state
119
+ &:hover,
120
+ &:focus {
121
+ outline: 0;
122
+ color: $carousel-control-color;
123
+ text-decoration: none;
124
+ @include opacity(.9);
125
+ }
126
+
127
+ // Toggles
128
+ .icon-prev,
129
+ .icon-next,
130
+ .glyphicon-chevron-left,
131
+ .glyphicon-chevron-right {
132
+ position: absolute;
133
+ top: 50%;
134
+ margin-top: -10px;
135
+ z-index: 5;
136
+ display: inline-block;
137
+ }
138
+ .icon-prev,
139
+ .glyphicon-chevron-left {
140
+ left: 50%;
141
+ margin-left: -10px;
142
+ }
143
+ .icon-next,
144
+ .glyphicon-chevron-right {
145
+ right: 50%;
146
+ margin-right: -10px;
147
+ }
148
+ .icon-prev,
149
+ .icon-next {
150
+ width: 20px;
151
+ height: 20px;
152
+ line-height: 1;
153
+ font-family: serif;
154
+ }
155
+
156
+
157
+ .icon-prev {
158
+ &:before {
159
+ content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
160
+ }
161
+ }
162
+ .icon-next {
163
+ &:before {
164
+ content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
165
+ }
166
+ }
167
+ }
168
+
169
+ // Optional indicator pips
170
+ //
171
+ // Add an unordered list with the following class and add a list item for each
172
+ // slide your carousel holds.
173
+
174
+ .carousel-indicators {
175
+ position: absolute;
176
+ bottom: 10px;
177
+ left: 50%;
178
+ z-index: 15;
179
+ width: 60%;
180
+ margin-left: -30%;
181
+ padding-left: 0;
182
+ list-style: none;
183
+ text-align: center;
184
+
185
+ li {
186
+ display: inline-block;
187
+ width: 10px;
188
+ height: 10px;
189
+ margin: 1px;
190
+ text-indent: -999px;
191
+ border: 1px solid $carousel-indicator-border-color;
192
+ border-radius: 10px;
193
+ cursor: pointer;
194
+
195
+ // IE8-9 hack for event handling
196
+ //
197
+ // Internet Explorer 8-9 does not support clicks on elements without a set
198
+ // `background-color`. We cannot use `filter` since that's not viewed as a
199
+ // background color by the browser. Thus, a hack is needed.
200
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
201
+ //
202
+ // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
203
+ // set alpha transparency for the best results possible.
204
+ background-color: #000 \9; // IE8
205
+ background-color: rgba(0,0,0,0); // IE9
206
+ }
207
+ .active {
208
+ margin: 0;
209
+ width: 12px;
210
+ height: 12px;
211
+ background-color: $carousel-indicator-active-bg;
212
+ }
213
+ }
214
+
215
+ // Optional captions
216
+ // -----------------------------
217
+ // Hidden by default for smaller viewports
218
+ .carousel-caption {
219
+ position: absolute;
220
+ left: 15%;
221
+ right: 15%;
222
+ bottom: 20px;
223
+ z-index: 10;
224
+ padding-top: 20px;
225
+ padding-bottom: 20px;
226
+ color: $carousel-caption-color;
227
+ text-align: center;
228
+ text-shadow: $carousel-text-shadow;
229
+ & .btn {
230
+ text-shadow: none; // No shadow for button elements in carousel-caption
231
+ }
232
+ }
233
+
234
+
235
+ // Scale up controls for tablets and up
236
+ @media screen and (min-width: $screen-sm-min) {
237
+
238
+ // Scale up the controls a smidge
239
+ .carousel-control {
240
+ .glyphicon-chevron-left,
241
+ .glyphicon-chevron-right,
242
+ .icon-prev,
243
+ .icon-next {
244
+ width: ($carousel-control-font-size * 1.5);
245
+ height: ($carousel-control-font-size * 1.5);
246
+ margin-top: ($carousel-control-font-size / -2);
247
+ font-size: ($carousel-control-font-size * 1.5);
248
+ }
249
+ .glyphicon-chevron-left,
250
+ .icon-prev {
251
+ margin-left: ($carousel-control-font-size / -2);
252
+ }
253
+ .glyphicon-chevron-right,
254
+ .icon-next {
255
+ margin-right: ($carousel-control-font-size / -2);
256
+ }
257
+ }
258
+
259
+ // Show and left align the captions
260
+ .carousel-caption {
261
+ left: 20%;
262
+ right: 20%;
263
+ padding-bottom: 30px;
264
+ }
265
+
266
+ // Move up the indicators
267
+ .carousel-indicators {
268
+ bottom: 20px;
269
+ }
270
+ }
@@ -0,0 +1,36 @@
1
+ //
2
+ // Close icons
3
+ // --------------------------------------------------
4
+
5
+
6
+ .close {
7
+ float: right;
8
+ font-size: ($font-size-base * 1.5);
9
+ font-weight: $close-font-weight;
10
+ line-height: 1;
11
+ color: $close-color;
12
+ text-shadow: $close-text-shadow;
13
+ @include opacity(.2);
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: $close-color;
18
+ text-decoration: none;
19
+ cursor: pointer;
20
+ @include opacity(.5);
21
+ }
22
+
23
+ // [converter] extracted button& to button.close
24
+ }
25
+
26
+ // Additional properties for button version
27
+ // iOS requires the button element instead of an anchor tag.
28
+ // If you want the anchor version, it requires `href="#"`.
29
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
30
+ button.close {
31
+ padding: 0;
32
+ cursor: pointer;
33
+ background: transparent;
34
+ border: 0;
35
+ -webkit-appearance: none;
36
+ }
@@ -0,0 +1,69 @@
1
+ //
2
+ // Code (inline and block)
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Inline and block code styles
7
+ code,
8
+ kbd,
9
+ pre,
10
+ samp {
11
+ font-family: $font-family-monospace;
12
+ }
13
+
14
+ // Inline code
15
+ code {
16
+ padding: 2px 4px;
17
+ font-size: 90%;
18
+ color: $code-color;
19
+ background-color: $code-bg;
20
+ border-radius: $border-radius-base;
21
+ }
22
+
23
+ // User input typically entered via keyboard
24
+ kbd {
25
+ padding: 2px 4px;
26
+ font-size: 90%;
27
+ color: $kbd-color;
28
+ background-color: $kbd-bg;
29
+ border-radius: $border-radius-small;
30
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31
+
32
+ kbd {
33
+ padding: 0;
34
+ font-size: 100%;
35
+ font-weight: bold;
36
+ box-shadow: none;
37
+ }
38
+ }
39
+
40
+ // Blocks of code
41
+ pre {
42
+ display: block;
43
+ padding: (($line-height-computed - 1) / 2);
44
+ margin: 0 0 ($line-height-computed / 2);
45
+ font-size: ($font-size-base - 1); // 14px to 13px
46
+ line-height: $line-height-base;
47
+ word-break: break-all;
48
+ word-wrap: break-word;
49
+ color: $pre-color;
50
+ background-color: $pre-bg;
51
+ border: 1px solid $pre-border-color;
52
+ border-radius: $border-radius-base;
53
+
54
+ // Account for some code outputs that place code tags in pre tags
55
+ code {
56
+ padding: 0;
57
+ font-size: inherit;
58
+ color: inherit;
59
+ white-space: pre-wrap;
60
+ background-color: transparent;
61
+ border-radius: 0;
62
+ }
63
+ }
64
+
65
+ // Enable scrollable blocks of code
66
+ .pre-scrollable {
67
+ max-height: $pre-scrollable-max-height;
68
+ overflow-y: scroll;
69
+ }
@@ -0,0 +1,37 @@
1
+ //
2
+ // Component animations
3
+ // --------------------------------------------------
4
+
5
+ // Heads up!
6
+ //
7
+ // We don't use the `.opacity()` mixin here since it causes a bug with text
8
+ // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
+
10
+ .fade {
11
+ opacity: 0;
12
+ @include transition(opacity .15s linear);
13
+ &.in {
14
+ opacity: 1;
15
+ }
16
+ }
17
+
18
+ .collapse {
19
+ display: none;
20
+
21
+ &.in { display: block; }
22
+ // [converter] extracted tr&.in to tr.collapse.in
23
+ // [converter] extracted tbody&.in to tbody.collapse.in
24
+ }
25
+
26
+ tr.collapse.in { display: table-row; }
27
+
28
+ tbody.collapse.in { display: table-row-group; }
29
+
30
+ .collapsing {
31
+ position: relative;
32
+ height: 0;
33
+ overflow: hidden;
34
+ @include transition-property(height, visibility);
35
+ @include transition-duration(.35s);
36
+ @include transition-timing-function(ease);
37
+ }
@@ -0,0 +1,216 @@
1
+ //
2
+ // Dropdown menus
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Dropdown arrow/caret
7
+ .caret {
8
+ display: inline-block;
9
+ width: 0;
10
+ height: 0;
11
+ margin-left: 2px;
12
+ vertical-align: middle;
13
+ border-top: $caret-width-base dashed;
14
+ border-top: $caret-width-base solid \9; // IE8
15
+ border-right: $caret-width-base solid transparent;
16
+ border-left: $caret-width-base solid transparent;
17
+ }
18
+
19
+ // The dropdown wrapper (div)
20
+ .dropup,
21
+ .dropdown {
22
+ position: relative;
23
+ }
24
+
25
+ // Prevent the focus on the dropdown toggle when closing dropdowns
26
+ .dropdown-toggle:focus {
27
+ outline: 0;
28
+ }
29
+
30
+ // The dropdown menu (ul)
31
+ .dropdown-menu {
32
+ position: absolute;
33
+ top: 100%;
34
+ left: 0;
35
+ z-index: $zindex-dropdown;
36
+ display: none; // none by default, but block on "open" of the menu
37
+ float: left;
38
+ min-width: 160px;
39
+ padding: 5px 0;
40
+ margin: 2px 0 0; // override default ul
41
+ list-style: none;
42
+ font-size: $font-size-base;
43
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
44
+ background-color: $dropdown-bg;
45
+ border: 1px solid $dropdown-fallback-border; // IE8 fallback
46
+ border: 1px solid $dropdown-border;
47
+ border-radius: $border-radius-base;
48
+ @include box-shadow(0 6px 12px rgba(0,0,0,.175));
49
+ background-clip: padding-box;
50
+
51
+ // Aligns the dropdown menu to right
52
+ //
53
+ // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
54
+ &.pull-right {
55
+ right: 0;
56
+ left: auto;
57
+ }
58
+
59
+ // Dividers (basically an hr) within the dropdown
60
+ .divider {
61
+ @include nav-divider($dropdown-divider-bg);
62
+ }
63
+
64
+ // Links within the dropdown menu
65
+ > li > a {
66
+ display: block;
67
+ padding: 3px 20px;
68
+ clear: both;
69
+ font-weight: normal;
70
+ line-height: $line-height-base;
71
+ color: $dropdown-link-color;
72
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
73
+ }
74
+ }
75
+
76
+ // Hover/Focus state
77
+ .dropdown-menu > li > a {
78
+ &:hover,
79
+ &:focus {
80
+ text-decoration: none;
81
+ color: $dropdown-link-hover-color;
82
+ background-color: $dropdown-link-hover-bg;
83
+ }
84
+ }
85
+
86
+ // Active state
87
+ .dropdown-menu > .active > a {
88
+ &,
89
+ &:hover,
90
+ &:focus {
91
+ color: $dropdown-link-active-color;
92
+ text-decoration: none;
93
+ outline: 0;
94
+ background-color: $dropdown-link-active-bg;
95
+ }
96
+ }
97
+
98
+ // Disabled state
99
+ //
100
+ // Gray out text and ensure the hover/focus state remains gray
101
+
102
+ .dropdown-menu > .disabled > a {
103
+ &,
104
+ &:hover,
105
+ &:focus {
106
+ color: $dropdown-link-disabled-color;
107
+ }
108
+
109
+ // Nuke hover/focus effects
110
+ &:hover,
111
+ &:focus {
112
+ text-decoration: none;
113
+ background-color: transparent;
114
+ background-image: none; // Remove CSS gradient
115
+ @include reset-filter;
116
+ cursor: $cursor-disabled;
117
+ }
118
+ }
119
+
120
+ // Open state for the dropdown
121
+ .open {
122
+ // Show the menu
123
+ > .dropdown-menu {
124
+ display: block;
125
+ }
126
+
127
+ // Remove the outline when :focus is triggered
128
+ > a {
129
+ outline: 0;
130
+ }
131
+ }
132
+
133
+ // Menu positioning
134
+ //
135
+ // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
136
+ // menu with the parent.
137
+ .dropdown-menu-right {
138
+ left: auto; // Reset the default from `.dropdown-menu`
139
+ right: 0;
140
+ }
141
+ // With v3, we enabled auto-flipping if you have a dropdown within a right
142
+ // aligned nav component. To enable the undoing of that, we provide an override
143
+ // to restore the default dropdown menu alignment.
144
+ //
145
+ // This is only for left-aligning a dropdown menu within a `.navbar-right` or
146
+ // `.pull-right` nav component.
147
+ .dropdown-menu-left {
148
+ left: 0;
149
+ right: auto;
150
+ }
151
+
152
+ // Dropdown section headers
153
+ .dropdown-header {
154
+ display: block;
155
+ padding: 3px 20px;
156
+ font-size: $font-size-small;
157
+ line-height: $line-height-base;
158
+ color: $dropdown-header-color;
159
+ white-space: nowrap; // as with > li > a
160
+ }
161
+
162
+ // Backdrop to catch body clicks on mobile, etc.
163
+ .dropdown-backdrop {
164
+ position: fixed;
165
+ left: 0;
166
+ right: 0;
167
+ bottom: 0;
168
+ top: 0;
169
+ z-index: ($zindex-dropdown - 10);
170
+ }
171
+
172
+ // Right aligned dropdowns
173
+ .pull-right > .dropdown-menu {
174
+ right: 0;
175
+ left: auto;
176
+ }
177
+
178
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
179
+ //
180
+ // Just add .dropup after the standard .dropdown class and you're set, bro.
181
+ // TODO: abstract this so that the navbar fixed styles are not placed here?
182
+
183
+ .dropup,
184
+ .navbar-fixed-bottom .dropdown {
185
+ // Reverse the caret
186
+ .caret {
187
+ border-top: 0;
188
+ border-bottom: $caret-width-base dashed;
189
+ border-bottom: $caret-width-base solid \9; // IE8
190
+ content: "";
191
+ }
192
+ // Different positioning for bottom up menu
193
+ .dropdown-menu {
194
+ top: auto;
195
+ bottom: 100%;
196
+ margin-bottom: 2px;
197
+ }
198
+ }
199
+
200
+
201
+ // Component alignment
202
+ //
203
+ // Reiterate per navbar.less and the modified component alignment there.
204
+
205
+ @media (min-width: $grid-float-breakpoint) {
206
+ .navbar-right {
207
+ .dropdown-menu {
208
+ right: 0; left: auto;
209
+ }
210
+ // Necessary for overrides of the default right aligned menu.
211
+ // Will remove come v4 in all likelihood.
212
+ .dropdown-menu-left {
213
+ left: 0; right: auto;
214
+ }
215
+ }
216
+ }