mancalledmountain-theme 0.1.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 (123) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +59 -0
  4. data/_includes/sidebar.html +34 -0
  5. data/_layouts/default.html +38 -0
  6. data/_layouts/page.html +5 -0
  7. data/_layouts/post.html +11 -0
  8. data/_sass/README.md +7 -0
  9. data/_sass/_main.scss +38 -0
  10. data/_sass/abstracts/README.md +7 -0
  11. data/_sass/abstracts/_functions.scss +30 -0
  12. data/_sass/abstracts/_mixins.scss +33 -0
  13. data/_sass/abstracts/_variables.scss +71 -0
  14. data/_sass/base/README.md +5 -0
  15. data/_sass/base/_base.scss +35 -0
  16. data/_sass/base/_fonts.scss +3 -0
  17. data/_sass/base/_helpers.scss +72 -0
  18. data/_sass/base/_typography.scss +15 -0
  19. data/_sass/components/README.md +5 -0
  20. data/_sass/components/_button.scss +3 -0
  21. data/_sass/layout/README.md +5 -0
  22. data/_sass/layout/_footer.scss +11 -0
  23. data/_sass/layout/_header.scss +6 -0
  24. data/_sass/layout/_sidebar.scss +106 -0
  25. data/_sass/pages/README.md +7 -0
  26. data/_sass/pages/_default.scss +27 -0
  27. data/_sass/pages/_home.scss +3 -0
  28. data/_sass/themes/README.md +7 -0
  29. data/_sass/themes/_default.scss +9 -0
  30. data/_sass/vendors/README.md +7 -0
  31. data/_sass/vendors/_normalize.scss +461 -0
  32. data/_sass/vendors/bootstrap/_alert.scss +51 -0
  33. data/_sass/vendors/bootstrap/_badge.scss +54 -0
  34. data/_sass/vendors/bootstrap/_bootstrap.scss +44 -0
  35. data/_sass/vendors/bootstrap/_breadcrumb.scss +41 -0
  36. data/_sass/vendors/bootstrap/_button-group.scss +163 -0
  37. data/_sass/vendors/bootstrap/_buttons.scss +137 -0
  38. data/_sass/vendors/bootstrap/_card.scss +289 -0
  39. data/_sass/vendors/bootstrap/_carousel.scss +197 -0
  40. data/_sass/vendors/bootstrap/_close.scss +41 -0
  41. data/_sass/vendors/bootstrap/_code.scss +48 -0
  42. data/_sass/vendors/bootstrap/_custom-forms.scss +507 -0
  43. data/_sass/vendors/bootstrap/_dropdown.scss +191 -0
  44. data/_sass/vendors/bootstrap/_forms.scss +330 -0
  45. data/_sass/vendors/bootstrap/_functions.scss +86 -0
  46. data/_sass/vendors/bootstrap/_grid.scss +52 -0
  47. data/_sass/vendors/bootstrap/_images.scss +42 -0
  48. data/_sass/vendors/bootstrap/_input-group.scss +193 -0
  49. data/_sass/vendors/bootstrap/_jumbotron.scss +17 -0
  50. data/_sass/vendors/bootstrap/_list-group.scss +149 -0
  51. data/_sass/vendors/bootstrap/_media.scss +8 -0
  52. data/_sass/vendors/bootstrap/_mixins.scss +47 -0
  53. data/_sass/vendors/bootstrap/_modal.scss +229 -0
  54. data/_sass/vendors/bootstrap/_nav.scss +120 -0
  55. data/_sass/vendors/bootstrap/_navbar.scss +294 -0
  56. data/_sass/vendors/bootstrap/_pagination.scss +73 -0
  57. data/_sass/vendors/bootstrap/_popover.scss +171 -0
  58. data/_sass/vendors/bootstrap/_print.scss +141 -0
  59. data/_sass/vendors/bootstrap/_progress.scss +43 -0
  60. data/_sass/vendors/bootstrap/_reboot.scss +483 -0
  61. data/_sass/vendors/bootstrap/_root.scss +19 -0
  62. data/_sass/vendors/bootstrap/_spinners.scss +55 -0
  63. data/_sass/vendors/bootstrap/_tables.scss +185 -0
  64. data/_sass/vendors/bootstrap/_toasts.scss +44 -0
  65. data/_sass/vendors/bootstrap/_tooltip.scss +115 -0
  66. data/_sass/vendors/bootstrap/_transitions.scss +20 -0
  67. data/_sass/vendors/bootstrap/_type.scss +125 -0
  68. data/_sass/vendors/bootstrap/_utilities.scss +17 -0
  69. data/_sass/vendors/bootstrap/_variables.scss +1123 -0
  70. data/_sass/vendors/bootstrap/bootstrap-_grid.scss +29 -0
  71. data/_sass/vendors/bootstrap/bootstrap-_reboot.scss +12 -0
  72. data/_sass/vendors/bootstrap/mixins/_alert.scss +13 -0
  73. data/_sass/vendors/bootstrap/mixins/_background-variant.scss +21 -0
  74. data/_sass/vendors/bootstrap/mixins/_badge.scss +17 -0
  75. data/_sass/vendors/bootstrap/mixins/_border-radius.scss +63 -0
  76. data/_sass/vendors/bootstrap/mixins/_box-shadow.scss +20 -0
  77. data/_sass/vendors/bootstrap/mixins/_breakpoints.scss +123 -0
  78. data/_sass/vendors/bootstrap/mixins/_buttons.scss +107 -0
  79. data/_sass/vendors/bootstrap/mixins/_caret.scss +62 -0
  80. data/_sass/vendors/bootstrap/mixins/_clearfix.scss +7 -0
  81. data/_sass/vendors/bootstrap/mixins/_deprecate.scss +10 -0
  82. data/_sass/vendors/bootstrap/mixins/_float.scss +14 -0
  83. data/_sass/vendors/bootstrap/mixins/_forms.scss +192 -0
  84. data/_sass/vendors/bootstrap/mixins/_gradients.scss +45 -0
  85. data/_sass/vendors/bootstrap/mixins/_grid-framework.scss +66 -0
  86. data/_sass/vendors/bootstrap/mixins/_grid.scss +51 -0
  87. data/_sass/vendors/bootstrap/mixins/_hover.scss +37 -0
  88. data/_sass/vendors/bootstrap/mixins/_image.scss +36 -0
  89. data/_sass/vendors/bootstrap/mixins/_list-group.scss +21 -0
  90. data/_sass/vendors/bootstrap/mixins/_lists.scss +7 -0
  91. data/_sass/vendors/bootstrap/mixins/_nav-divider.scss +10 -0
  92. data/_sass/vendors/bootstrap/mixins/_pagination.scss +22 -0
  93. data/_sass/vendors/bootstrap/mixins/_reset-text.scss +17 -0
  94. data/_sass/vendors/bootstrap/mixins/_resize.scss +6 -0
  95. data/_sass/vendors/bootstrap/mixins/_screen-reader.scss +33 -0
  96. data/_sass/vendors/bootstrap/mixins/_size.scss +7 -0
  97. data/_sass/vendors/bootstrap/mixins/_table-row.scss +39 -0
  98. data/_sass/vendors/bootstrap/mixins/_text-emphasis.scss +16 -0
  99. data/_sass/vendors/bootstrap/mixins/_text-hide.scss +11 -0
  100. data/_sass/vendors/bootstrap/mixins/_text-truncate.scss +8 -0
  101. data/_sass/vendors/bootstrap/mixins/_transition.scss +16 -0
  102. data/_sass/vendors/bootstrap/mixins/_visibility.scss +8 -0
  103. data/_sass/vendors/bootstrap/utilities/_align.scss +8 -0
  104. data/_sass/vendors/bootstrap/utilities/_background.scss +19 -0
  105. data/_sass/vendors/bootstrap/utilities/_borders.scss +75 -0
  106. data/_sass/vendors/bootstrap/utilities/_clearfix.scss +3 -0
  107. data/_sass/vendors/bootstrap/utilities/_display.scss +26 -0
  108. data/_sass/vendors/bootstrap/utilities/_embed.scss +39 -0
  109. data/_sass/vendors/bootstrap/utilities/_flex.scss +51 -0
  110. data/_sass/vendors/bootstrap/utilities/_float.scss +11 -0
  111. data/_sass/vendors/bootstrap/utilities/_overflow.scss +5 -0
  112. data/_sass/vendors/bootstrap/utilities/_position.scss +32 -0
  113. data/_sass/vendors/bootstrap/utilities/_screenreaders.scss +11 -0
  114. data/_sass/vendors/bootstrap/utilities/_shadows.scss +6 -0
  115. data/_sass/vendors/bootstrap/utilities/_sizing.scss +20 -0
  116. data/_sass/vendors/bootstrap/utilities/_spacing.scss +73 -0
  117. data/_sass/vendors/bootstrap/utilities/_stretched-link.scss +19 -0
  118. data/_sass/vendors/bootstrap/utilities/_text.scss +72 -0
  119. data/_sass/vendors/bootstrap/utilities/_visibility.scss +13 -0
  120. data/_sass/vendors/bootstrap/vendor/_rfs.scss +204 -0
  121. data/assets/images/richard_mountain.jpg +0 -0
  122. data/assets/style.scss +3 -0
  123. metadata +206 -0
@@ -0,0 +1,17 @@
1
+ .jumbotron {
2
+ padding: $jumbotron-padding ($jumbotron-padding / 2);
3
+ margin-bottom: $jumbotron-padding;
4
+ color: $jumbotron-color;
5
+ background-color: $jumbotron-bg;
6
+ @include border-radius($border-radius-lg);
7
+
8
+ @include media-breakpoint-up(sm) {
9
+ padding: ($jumbotron-padding * 2) $jumbotron-padding;
10
+ }
11
+ }
12
+
13
+ .jumbotron-fluid {
14
+ padding-right: 0;
15
+ padding-left: 0;
16
+ @include border-radius(0);
17
+ }
@@ -0,0 +1,149 @@
1
+ // Base class
2
+ //
3
+ // Easily usable on <ul>, <ol>, or <div>.
4
+
5
+ .list-group {
6
+ display: flex;
7
+ flex-direction: column;
8
+
9
+ // No need to set list-style: none; since .list-group-item is block level
10
+ padding-left: 0; // reset padding because ul and ol
11
+ margin-bottom: 0;
12
+ }
13
+
14
+
15
+ // Interactive list items
16
+ //
17
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
18
+ // list items. Includes an extra `.active` modifier class for selected items.
19
+
20
+ .list-group-item-action {
21
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
22
+ color: $list-group-action-color;
23
+ text-align: inherit; // For `<button>`s (anchors inherit)
24
+
25
+ // Hover state
26
+ @include hover-focus {
27
+ z-index: 1; // Place hover/focus items above their siblings for proper border styling
28
+ color: $list-group-action-hover-color;
29
+ text-decoration: none;
30
+ background-color: $list-group-hover-bg;
31
+ }
32
+
33
+ &:active {
34
+ color: $list-group-action-active-color;
35
+ background-color: $list-group-action-active-bg;
36
+ }
37
+ }
38
+
39
+
40
+ // Individual list items
41
+ //
42
+ // Use on `li`s or `div`s within the `.list-group` parent.
43
+
44
+ .list-group-item {
45
+ position: relative;
46
+ display: block;
47
+ padding: $list-group-item-padding-y $list-group-item-padding-x;
48
+ // Place the border on the list items and negative margin up for better styling
49
+ margin-bottom: -$list-group-border-width;
50
+ color: $list-group-color;
51
+ background-color: $list-group-bg;
52
+ border: $list-group-border-width solid $list-group-border-color;
53
+
54
+ &:first-child {
55
+ @include border-top-radius($list-group-border-radius);
56
+ }
57
+
58
+ &:last-child {
59
+ margin-bottom: 0;
60
+ @include border-bottom-radius($list-group-border-radius);
61
+ }
62
+
63
+ &.disabled,
64
+ &:disabled {
65
+ color: $list-group-disabled-color;
66
+ pointer-events: none;
67
+ background-color: $list-group-disabled-bg;
68
+ }
69
+
70
+ // Include both here for `<a>`s and `<button>`s
71
+ &.active {
72
+ z-index: 2; // Place active items above their siblings for proper border styling
73
+ color: $list-group-active-color;
74
+ background-color: $list-group-active-bg;
75
+ border-color: $list-group-active-border-color;
76
+ }
77
+ }
78
+
79
+
80
+ // Horizontal
81
+ //
82
+ // Change the layout of list group items from vertical (default) to horizontal.
83
+
84
+ @each $breakpoint in map-keys($grid-breakpoints) {
85
+ @include media-breakpoint-up($breakpoint) {
86
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
87
+
88
+ .list-group-horizontal#{$infix} {
89
+ flex-direction: row;
90
+
91
+ .list-group-item {
92
+ margin-right: -$list-group-border-width;
93
+ margin-bottom: 0;
94
+
95
+ &:first-child {
96
+ @include border-left-radius($list-group-border-radius);
97
+ @include border-top-right-radius(0);
98
+ }
99
+
100
+ &:last-child {
101
+ margin-right: 0;
102
+ @include border-right-radius($list-group-border-radius);
103
+ @include border-bottom-left-radius(0);
104
+ }
105
+ }
106
+ }
107
+ }
108
+ }
109
+
110
+
111
+ // Flush list items
112
+ //
113
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
114
+ // useful within other components (e.g., cards).
115
+
116
+ .list-group-flush {
117
+ .list-group-item {
118
+ border-right: 0;
119
+ border-left: 0;
120
+ @include border-radius(0);
121
+
122
+ &:last-child {
123
+ margin-bottom: -$list-group-border-width;
124
+ }
125
+ }
126
+
127
+ &:first-child {
128
+ .list-group-item:first-child {
129
+ border-top: 0;
130
+ }
131
+ }
132
+
133
+ &:last-child {
134
+ .list-group-item:last-child {
135
+ margin-bottom: 0;
136
+ border-bottom: 0;
137
+ }
138
+ }
139
+ }
140
+
141
+
142
+ // Contextual variants
143
+ //
144
+ // Add modifier classes to change text and background color on individual items.
145
+ // Organizationally, this must come after the `:hover` states.
146
+
147
+ @each $color, $value in $theme-colors {
148
+ @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
149
+ }
@@ -0,0 +1,8 @@
1
+ .media {
2
+ display: flex;
3
+ align-items: flex-start;
4
+ }
5
+
6
+ .media-body {
7
+ flex: 1;
8
+ }
@@ -0,0 +1,47 @@
1
+ // Toggles
2
+ //
3
+ // Used in conjunction with global variables to enable certain theme features.
4
+
5
+ // Vendor
6
+ @import "vendor/rfs";
7
+
8
+ // Deprecate
9
+ @import "mixins/deprecate";
10
+
11
+ // Utilities
12
+ @import "mixins/breakpoints";
13
+ @import "mixins/hover";
14
+ @import "mixins/image";
15
+ @import "mixins/badge";
16
+ @import "mixins/resize";
17
+ @import "mixins/screen-reader";
18
+ @import "mixins/size";
19
+ @import "mixins/reset-text";
20
+ @import "mixins/text-emphasis";
21
+ @import "mixins/text-hide";
22
+ @import "mixins/text-truncate";
23
+ @import "mixins/visibility";
24
+
25
+ // // Components
26
+ @import "mixins/alert";
27
+ @import "mixins/buttons";
28
+ @import "mixins/caret";
29
+ @import "mixins/pagination";
30
+ @import "mixins/lists";
31
+ @import "mixins/list-group";
32
+ @import "mixins/nav-divider";
33
+ @import "mixins/forms";
34
+ @import "mixins/table-row";
35
+
36
+ // // Skins
37
+ @import "mixins/background-variant";
38
+ @import "mixins/border-radius";
39
+ @import "mixins/box-shadow";
40
+ @import "mixins/gradients";
41
+ @import "mixins/transition";
42
+
43
+ // // Layout
44
+ @import "mixins/clearfix";
45
+ @import "mixins/grid-framework";
46
+ @import "mixins/grid";
47
+ @import "mixins/float";
@@ -0,0 +1,229 @@
1
+ // .modal-open - body class for killing the scroll
2
+ // .modal - container to scroll within
3
+ // .modal-dialog - positioning shell for the actual modal
4
+ // .modal-content - actual modal w/ bg and corners and stuff
5
+
6
+
7
+ .modal-open {
8
+ // Kill the scroll on the body
9
+ overflow: hidden;
10
+
11
+ .modal {
12
+ overflow-x: hidden;
13
+ overflow-y: auto;
14
+ }
15
+ }
16
+
17
+ // Container that the modal scrolls within
18
+ .modal {
19
+ position: fixed;
20
+ top: 0;
21
+ left: 0;
22
+ z-index: $zindex-modal;
23
+ display: none;
24
+ width: 100%;
25
+ height: 100%;
26
+ overflow: hidden;
27
+ // Prevent Chrome on Windows from adding a focus outline. For details, see
28
+ // https://github.com/twbs/bootstrap/pull/10951.
29
+ outline: 0;
30
+ // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
31
+ // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
32
+ // See also https://github.com/twbs/bootstrap/issues/17695
33
+ }
34
+
35
+ // Shell div to position the modal with bottom padding
36
+ .modal-dialog {
37
+ position: relative;
38
+ width: auto;
39
+ margin: $modal-dialog-margin;
40
+ // allow clicks to pass through for custom click handling to close modal
41
+ pointer-events: none;
42
+
43
+ // When fading in the modal, animate it to slide down
44
+ .modal.fade & {
45
+ @include transition($modal-transition);
46
+ transform: $modal-fade-transform;
47
+ }
48
+ .modal.show & {
49
+ transform: $modal-show-transform;
50
+ }
51
+ }
52
+
53
+ .modal-dialog-scrollable {
54
+ display: flex; // IE10/11
55
+ max-height: calc(100% - #{$modal-dialog-margin * 2});
56
+
57
+ .modal-content {
58
+ max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11
59
+ overflow: hidden;
60
+ }
61
+
62
+ .modal-header,
63
+ .modal-footer {
64
+ flex-shrink: 0;
65
+ }
66
+
67
+ .modal-body {
68
+ overflow-y: auto;
69
+ }
70
+ }
71
+
72
+ .modal-dialog-centered {
73
+ display: flex;
74
+ align-items: center;
75
+ min-height: calc(100% - #{$modal-dialog-margin * 2});
76
+
77
+ // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
78
+ &::before {
79
+ display: block; // IE10
80
+ height: calc(100vh - #{$modal-dialog-margin * 2});
81
+ content: "";
82
+ }
83
+
84
+ // Ensure `.modal-body` shows scrollbar (IE10/11)
85
+ &.modal-dialog-scrollable {
86
+ flex-direction: column;
87
+ justify-content: center;
88
+ height: 100%;
89
+
90
+ .modal-content {
91
+ max-height: none;
92
+ }
93
+
94
+ &::before {
95
+ content: none;
96
+ }
97
+ }
98
+ }
99
+
100
+ // Actual modal
101
+ .modal-content {
102
+ position: relative;
103
+ display: flex;
104
+ flex-direction: column;
105
+ width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
106
+ // counteract the pointer-events: none; in the .modal-dialog
107
+ color: $modal-content-color;
108
+ pointer-events: auto;
109
+ background-color: $modal-content-bg;
110
+ background-clip: padding-box;
111
+ border: $modal-content-border-width solid $modal-content-border-color;
112
+ @include border-radius($modal-content-border-radius);
113
+ @include box-shadow($modal-content-box-shadow-xs);
114
+ // Remove focus outline from opened modal
115
+ outline: 0;
116
+ }
117
+
118
+ // Modal background
119
+ .modal-backdrop {
120
+ position: fixed;
121
+ top: 0;
122
+ left: 0;
123
+ z-index: $zindex-modal-backdrop;
124
+ width: 100vw;
125
+ height: 100vh;
126
+ background-color: $modal-backdrop-bg;
127
+
128
+ // Fade for backdrop
129
+ &.fade { opacity: 0; }
130
+ &.show { opacity: $modal-backdrop-opacity; }
131
+ }
132
+
133
+ // Modal header
134
+ // Top section of the modal w/ title and dismiss
135
+ .modal-header {
136
+ display: flex;
137
+ align-items: flex-start; // so the close btn always stays on the upper right corner
138
+ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
139
+ padding: $modal-header-padding;
140
+ border-bottom: $modal-header-border-width solid $modal-header-border-color;
141
+ @include border-top-radius($modal-content-border-radius);
142
+
143
+ .close {
144
+ padding: $modal-header-padding;
145
+ // auto on the left force icon to the right even when there is no .modal-title
146
+ margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
147
+ }
148
+ }
149
+
150
+ // Title text within header
151
+ .modal-title {
152
+ margin-bottom: 0;
153
+ line-height: $modal-title-line-height;
154
+ }
155
+
156
+ // Modal body
157
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
158
+ .modal-body {
159
+ position: relative;
160
+ // Enable `flex-grow: 1` so that the body take up as much space as possible
161
+ // when should there be a fixed height on `.modal-dialog`.
162
+ flex: 1 1 auto;
163
+ padding: $modal-inner-padding;
164
+ }
165
+
166
+ // Footer (for actions)
167
+ .modal-footer {
168
+ display: flex;
169
+ align-items: center; // vertically center
170
+ justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
171
+ padding: $modal-inner-padding;
172
+ border-top: $modal-footer-border-width solid $modal-footer-border-color;
173
+ @include border-bottom-radius($modal-content-border-radius);
174
+
175
+ // Easily place margin between footer elements
176
+ > :not(:first-child) { margin-left: .25rem; }
177
+ > :not(:last-child) { margin-right: .25rem; }
178
+ }
179
+
180
+ // Measure scrollbar width for padding body during modal show/hide
181
+ .modal-scrollbar-measure {
182
+ position: absolute;
183
+ top: -9999px;
184
+ width: 50px;
185
+ height: 50px;
186
+ overflow: scroll;
187
+ }
188
+
189
+ // Scale up the modal
190
+ @include media-breakpoint-up(sm) {
191
+ // Automatically set modal's width for larger viewports
192
+ .modal-dialog {
193
+ max-width: $modal-md;
194
+ margin: $modal-dialog-margin-y-sm-up auto;
195
+ }
196
+
197
+ .modal-dialog-scrollable {
198
+ max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
199
+
200
+ .modal-content {
201
+ max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
202
+ }
203
+ }
204
+
205
+ .modal-dialog-centered {
206
+ min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
207
+
208
+ &::before {
209
+ height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
210
+ }
211
+ }
212
+
213
+ .modal-content {
214
+ @include box-shadow($modal-content-box-shadow-sm-up);
215
+ }
216
+
217
+ .modal-sm { max-width: $modal-sm; }
218
+ }
219
+
220
+ @include media-breakpoint-up(lg) {
221
+ .modal-lg,
222
+ .modal-xl {
223
+ max-width: $modal-lg;
224
+ }
225
+ }
226
+
227
+ @include media-breakpoint-up(xl) {
228
+ .modal-xl { max-width: $modal-xl; }
229
+ }
@@ -0,0 +1,120 @@
1
+ // Base class
2
+ //
3
+ // Kickstart any navigation component with a set of style resets. Works with
4
+ // `<nav>`s or `<ul>`s.
5
+
6
+ .nav {
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ padding-left: 0;
10
+ margin-bottom: 0;
11
+ list-style: none;
12
+ }
13
+
14
+ .nav-link {
15
+ display: block;
16
+ padding: $nav-link-padding-y $nav-link-padding-x;
17
+
18
+ @include hover-focus {
19
+ text-decoration: none;
20
+ }
21
+
22
+ // Disabled state lightens text
23
+ &.disabled {
24
+ color: $nav-link-disabled-color;
25
+ pointer-events: none;
26
+ cursor: default;
27
+ }
28
+ }
29
+
30
+ //
31
+ // Tabs
32
+ //
33
+
34
+ .nav-tabs {
35
+ border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
36
+
37
+ .nav-item {
38
+ margin-bottom: -$nav-tabs-border-width;
39
+ }
40
+
41
+ .nav-link {
42
+ border: $nav-tabs-border-width solid transparent;
43
+ @include border-top-radius($nav-tabs-border-radius);
44
+
45
+ @include hover-focus {
46
+ border-color: $nav-tabs-link-hover-border-color;
47
+ }
48
+
49
+ &.disabled {
50
+ color: $nav-link-disabled-color;
51
+ background-color: transparent;
52
+ border-color: transparent;
53
+ }
54
+ }
55
+
56
+ .nav-link.active,
57
+ .nav-item.show .nav-link {
58
+ color: $nav-tabs-link-active-color;
59
+ background-color: $nav-tabs-link-active-bg;
60
+ border-color: $nav-tabs-link-active-border-color;
61
+ }
62
+
63
+ .dropdown-menu {
64
+ // Make dropdown border overlap tab border
65
+ margin-top: -$nav-tabs-border-width;
66
+ // Remove the top rounded corners here since there is a hard edge above the menu
67
+ @include border-top-radius(0);
68
+ }
69
+ }
70
+
71
+
72
+ //
73
+ // Pills
74
+ //
75
+
76
+ .nav-pills {
77
+ .nav-link {
78
+ @include border-radius($nav-pills-border-radius);
79
+ }
80
+
81
+ .nav-link.active,
82
+ .show > .nav-link {
83
+ color: $nav-pills-link-active-color;
84
+ background-color: $nav-pills-link-active-bg;
85
+ }
86
+ }
87
+
88
+
89
+ //
90
+ // Justified variants
91
+ //
92
+
93
+ .nav-fill {
94
+ .nav-item {
95
+ flex: 1 1 auto;
96
+ text-align: center;
97
+ }
98
+ }
99
+
100
+ .nav-justified {
101
+ .nav-item {
102
+ flex-basis: 0;
103
+ flex-grow: 1;
104
+ text-align: center;
105
+ }
106
+ }
107
+
108
+
109
+ // Tabbable tabs
110
+ //
111
+ // Hide tabbable panes to start, show them when `.active`
112
+
113
+ .tab-content {
114
+ > .tab-pane {
115
+ display: none;
116
+ }
117
+ > .active {
118
+ display: block;
119
+ }
120
+ }