mumuki-styles 2.0.0 → 3.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (185) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/dev-awesome.eot +0 -0
  3. data/app/assets/fonts/dev-awesome.ttf +0 -0
  4. data/app/assets/fonts/dev-awesome.woff +0 -0
  5. data/app/assets/fonts/dev-awesome.woff2 +0 -0
  6. data/app/assets/javascripts/mumuki-styles.js +6256 -1739
  7. data/app/assets/stylesheets/css/mumuki-styles.css +9905 -5622
  8. data/app/assets/stylesheets/scss/_colors.scss +64 -30
  9. data/app/assets/stylesheets/scss/_fa5.scss +2 -0
  10. data/app/assets/stylesheets/scss/_fonts.scss +1 -1
  11. data/app/assets/stylesheets/scss/_footer.scss +23 -16
  12. data/app/assets/stylesheets/scss/_links.scss +7 -0
  13. data/app/assets/stylesheets/scss/_modules.scss +4 -2
  14. data/app/assets/stylesheets/scss/_navbar.scss +30 -22
  15. data/app/assets/stylesheets/scss/_vendor.scss +1 -4
  16. data/app/assets/stylesheets/scss/bootswatch/_bootswatch.scss +188 -255
  17. data/app/assets/stylesheets/scss/bootswatch/_variables.scss +80 -843
  18. data/app/assets/stylesheets/scss/modules/_blockquote.scss +7 -0
  19. data/app/assets/stylesheets/scss/modules/_breadcrumb.scss +1 -1
  20. data/app/assets/stylesheets/scss/modules/_callout.scss +4 -4
  21. data/app/assets/stylesheets/scss/modules/_code.scss +5 -0
  22. data/app/assets/stylesheets/scss/modules/_conversation.scss +4 -5
  23. data/app/assets/stylesheets/scss/modules/_follow_us.scss +4 -4
  24. data/app/assets/stylesheets/scss/modules/_form.scss +19 -0
  25. data/app/assets/stylesheets/scss/modules/_multiple_scenarios.scss +5 -5
  26. data/app/assets/stylesheets/scss/modules/_new_message.scss +2 -2
  27. data/app/assets/stylesheets/scss/modules/_pre.scss +11 -0
  28. data/app/assets/stylesheets/scss/mumuki-styles.scss +2 -1
  29. data/app/assets/stylesheets/vendor/bootstrap/_accordion.scss +116 -0
  30. data/app/assets/stylesheets/vendor/bootstrap/_alert.scss +57 -0
  31. data/app/assets/stylesheets/vendor/bootstrap/_badge.scss +29 -0
  32. data/app/assets/stylesheets/vendor/bootstrap/_breadcrumb.scss +28 -0
  33. data/app/assets/stylesheets/vendor/bootstrap/_button-group.scss +139 -0
  34. data/app/assets/stylesheets/vendor/bootstrap/_buttons.scss +111 -0
  35. data/app/assets/stylesheets/vendor/bootstrap/_card.scss +215 -0
  36. data/app/assets/stylesheets/vendor/bootstrap/_carousel.scss +229 -0
  37. data/app/assets/stylesheets/vendor/bootstrap/_close.scss +40 -0
  38. data/app/assets/stylesheets/vendor/bootstrap/_containers.scss +41 -0
  39. data/app/assets/stylesheets/vendor/bootstrap/_dropdown.scss +246 -0
  40. data/app/assets/stylesheets/vendor/bootstrap/_forms.scss +9 -0
  41. data/app/assets/stylesheets/vendor/bootstrap/_functions.scss +205 -0
  42. data/app/assets/stylesheets/vendor/bootstrap/_grid.scss +22 -0
  43. data/app/assets/stylesheets/vendor/bootstrap/_helpers.scss +7 -0
  44. data/app/assets/stylesheets/vendor/bootstrap/_images.scss +42 -0
  45. data/app/assets/stylesheets/vendor/bootstrap/_list-group.scss +174 -0
  46. data/app/assets/stylesheets/vendor/bootstrap/_mixins.scss +41 -0
  47. data/app/assets/stylesheets/vendor/bootstrap/_modal.scss +237 -0
  48. data/app/assets/stylesheets/vendor/bootstrap/_nav.scss +139 -0
  49. data/app/assets/stylesheets/vendor/bootstrap/_navbar.scss +306 -0
  50. data/app/assets/stylesheets/vendor/bootstrap/_offcanvas.scss +77 -0
  51. data/app/assets/stylesheets/vendor/bootstrap/_pagination.scss +64 -0
  52. data/app/assets/stylesheets/vendor/bootstrap/_popover.scss +158 -0
  53. data/app/assets/stylesheets/vendor/bootstrap/_progress.scss +48 -0
  54. data/app/assets/stylesheets/vendor/bootstrap/_reboot.scss +621 -0
  55. data/app/assets/stylesheets/vendor/bootstrap/_root.scss +16 -0
  56. data/app/assets/stylesheets/vendor/bootstrap/_spinners.scss +69 -0
  57. data/app/assets/stylesheets/vendor/bootstrap/_tables.scss +150 -0
  58. data/app/assets/stylesheets/vendor/bootstrap/_toasts.scss +51 -0
  59. data/app/assets/stylesheets/vendor/bootstrap/_tooltip.scss +115 -0
  60. data/app/assets/stylesheets/vendor/bootstrap/_transitions.scss +21 -0
  61. data/app/assets/stylesheets/vendor/bootstrap/_type.scss +104 -0
  62. data/app/assets/stylesheets/vendor/bootstrap/_utilities.scss +594 -0
  63. data/app/assets/stylesheets/vendor/bootstrap/_variables.scss +1464 -0
  64. data/app/assets/stylesheets/vendor/bootstrap/bootstrap-utilities.scss +18 -0
  65. data/app/assets/stylesheets/vendor/bootstrap/bootstrap.scss +52 -0
  66. data/app/assets/stylesheets/vendor/bootstrap/forms/_floating-labels.scss +61 -0
  67. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-check.scss +152 -0
  68. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-control.scss +219 -0
  69. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-range.scss +91 -0
  70. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss +67 -0
  71. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-text.scss +11 -0
  72. data/app/assets/stylesheets/vendor/bootstrap/forms/_input-group.scss +121 -0
  73. data/app/assets/stylesheets/vendor/bootstrap/forms/_labels.scss +36 -0
  74. data/app/assets/stylesheets/vendor/bootstrap/forms/_validation.scss +12 -0
  75. data/app/assets/stylesheets/vendor/bootstrap/helpers/_clearfix.scss +3 -0
  76. data/app/assets/stylesheets/vendor/bootstrap/helpers/_colored-links.scss +12 -0
  77. data/app/assets/stylesheets/vendor/bootstrap/helpers/_position.scss +30 -0
  78. data/app/assets/stylesheets/vendor/bootstrap/helpers/_ratio.scss +26 -0
  79. data/app/assets/stylesheets/vendor/bootstrap/helpers/_stretched-link.scss +15 -0
  80. data/app/assets/stylesheets/vendor/bootstrap/helpers/_text-truncation.scss +7 -0
  81. data/app/assets/stylesheets/vendor/bootstrap/helpers/_visually-hidden.scss +8 -0
  82. data/app/assets/stylesheets/vendor/bootstrap/mixins/_alert.scss +11 -0
  83. data/app/assets/stylesheets/vendor/bootstrap/mixins/_border-radius.scss +78 -0
  84. data/app/assets/stylesheets/vendor/bootstrap/mixins/_box-shadow.scss +18 -0
  85. data/app/assets/stylesheets/vendor/bootstrap/mixins/_breakpoints.scss +127 -0
  86. data/app/assets/stylesheets/vendor/bootstrap/mixins/_buttons.scss +133 -0
  87. data/app/assets/stylesheets/vendor/bootstrap/mixins/_caret.scss +64 -0
  88. data/app/assets/stylesheets/vendor/bootstrap/mixins/_clearfix.scss +9 -0
  89. data/app/assets/stylesheets/vendor/bootstrap/mixins/_container.scss +9 -0
  90. data/app/assets/stylesheets/vendor/bootstrap/mixins/_deprecate.scss +10 -0
  91. data/app/assets/stylesheets/vendor/bootstrap/mixins/_forms.scss +134 -0
  92. data/app/assets/stylesheets/vendor/bootstrap/mixins/_gradients.scss +47 -0
  93. data/app/assets/stylesheets/vendor/bootstrap/mixins/_grid.scss +120 -0
  94. data/app/assets/stylesheets/vendor/bootstrap/mixins/_image.scss +16 -0
  95. data/app/assets/stylesheets/vendor/bootstrap/mixins/_list-group.scss +24 -0
  96. data/app/assets/stylesheets/vendor/bootstrap/mixins/_lists.scss +7 -0
  97. data/app/assets/stylesheets/vendor/bootstrap/mixins/_pagination.scss +31 -0
  98. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap → bootstrap}/mixins/_reset-text.scss +6 -7
  99. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap → bootstrap}/mixins/_resize.scss +1 -1
  100. data/app/assets/stylesheets/vendor/bootstrap/mixins/_table-variants.scss +21 -0
  101. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss → bootstrap/mixins/_text-truncate.scss} +2 -2
  102. data/app/assets/stylesheets/vendor/bootstrap/mixins/_transition.scss +26 -0
  103. data/app/assets/stylesheets/vendor/bootstrap/mixins/_utilities.scss +68 -0
  104. data/app/assets/stylesheets/vendor/bootstrap/mixins/_visually-hidden.scss +29 -0
  105. data/app/assets/stylesheets/vendor/bootstrap/utilities/_api.scss +47 -0
  106. data/app/assets/stylesheets/vendor/bootstrap/vendor/_rfs.scss +312 -0
  107. data/app/assets/stylesheets/vendor/dev-awesome/dist/scss/_dev-awesome.scss +3 -3
  108. data/lib/mumuki/styles/version.rb +1 -1
  109. metadata +85 -81
  110. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  111. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +0 -288
  112. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  113. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  114. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  115. data/app/assets/stylesheets/scss/_awesome-bootstrap-checkbox-overrides.scss +0 -8
  116. data/app/assets/stylesheets/scss/modules/_checkbox.scss +0 -65
  117. data/app/assets/stylesheets/scss/modules/_notification.scss +0 -15
  118. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.scss +0 -245
  119. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss +0 -56
  120. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss +0 -73
  121. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss +0 -68
  122. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss +0 -28
  123. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_button-groups.scss +0 -244
  124. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss +0 -168
  125. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_carousel.scss +0 -270
  126. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss +0 -36
  127. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss +0 -69
  128. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss +0 -37
  129. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns.scss +0 -216
  130. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss +0 -617
  131. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons.scss +0 -307
  132. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss +0 -84
  133. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_input-groups.scss +0 -171
  134. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss +0 -54
  135. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss +0 -66
  136. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_list-group.scss +0 -130
  137. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss +0 -66
  138. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss +0 -40
  139. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_modals.scss +0 -150
  140. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navbar.scss +0 -662
  141. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navs.scss +0 -242
  142. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_normalize.scss +0 -424
  143. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss +0 -54
  144. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pagination.scss +0 -89
  145. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_panels.scss +0 -271
  146. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_popovers.scss +0 -131
  147. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_print.scss +0 -101
  148. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars.scss +0 -87
  149. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss +0 -35
  150. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities.scss +0 -179
  151. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss +0 -161
  152. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tables.scss +0 -234
  153. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss +0 -38
  154. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip.scss +0 -101
  155. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_type.scss +0 -298
  156. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss +0 -55
  157. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss +0 -874
  158. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss +0 -29
  159. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss +0 -14
  160. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -12
  161. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss +0 -18
  162. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss +0 -65
  163. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss +0 -7
  164. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss +0 -22
  165. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_forms.scss +0 -88
  166. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_gradients.scss +0 -58
  167. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -81
  168. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss +0 -122
  169. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss +0 -21
  170. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss +0 -33
  171. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss +0 -12
  172. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -32
  173. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  174. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  175. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss +0 -8
  176. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss +0 -24
  177. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss +0 -24
  178. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +0 -10
  179. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +0 -8
  180. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +0 -21
  181. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss +0 -10
  182. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +0 -9
  183. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -28
  184. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -12
  185. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +0 -222
@@ -0,0 +1,139 @@
1
+ // Base class
2
+ //
3
+ // Kickstart any navigation component with a set of style resets. Works with
4
+ // `<nav>`s, `<ul>`s or `<ol>`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
+ @include font-size($nav-link-font-size);
18
+ font-weight: $nav-link-font-weight;
19
+ color: $nav-link-color;
20
+ text-decoration: if($link-decoration == none, null, none);
21
+ @include transition($nav-link-transition);
22
+
23
+ &:hover,
24
+ &:focus {
25
+ color: $nav-link-hover-color;
26
+ text-decoration: if($link-hover-decoration == underline, none, null);
27
+ }
28
+
29
+ // Disabled state lightens text
30
+ &.disabled {
31
+ color: $nav-link-disabled-color;
32
+ pointer-events: none;
33
+ cursor: default;
34
+ }
35
+ }
36
+
37
+ //
38
+ // Tabs
39
+ //
40
+
41
+ .nav-tabs {
42
+ border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
43
+
44
+ .nav-link {
45
+ margin-bottom: -$nav-tabs-border-width;
46
+ background: none;
47
+ border: $nav-tabs-border-width solid transparent;
48
+ @include border-top-radius($nav-tabs-border-radius);
49
+
50
+ &:hover,
51
+ &:focus {
52
+ border-color: $nav-tabs-link-hover-border-color;
53
+ // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
54
+ isolation: isolate;
55
+ }
56
+
57
+ &.disabled {
58
+ color: $nav-link-disabled-color;
59
+ background-color: transparent;
60
+ border-color: transparent;
61
+ }
62
+ }
63
+
64
+ .nav-link.active,
65
+ .nav-item.show .nav-link {
66
+ color: $nav-tabs-link-active-color;
67
+ background-color: $nav-tabs-link-active-bg;
68
+ border-color: $nav-tabs-link-active-border-color;
69
+ }
70
+
71
+ .dropdown-menu {
72
+ // Make dropdown border overlap tab border
73
+ margin-top: -$nav-tabs-border-width;
74
+ // Remove the top rounded corners here since there is a hard edge above the menu
75
+ @include border-top-radius(0);
76
+ }
77
+ }
78
+
79
+
80
+ //
81
+ // Pills
82
+ //
83
+
84
+ .nav-pills {
85
+ .nav-link {
86
+ background: none;
87
+ border: 0;
88
+ @include border-radius($nav-pills-border-radius);
89
+ }
90
+
91
+ .nav-link.active,
92
+ .show > .nav-link {
93
+ color: $nav-pills-link-active-color;
94
+ @include gradient-bg($nav-pills-link-active-bg);
95
+ }
96
+ }
97
+
98
+
99
+ //
100
+ // Justified variants
101
+ //
102
+
103
+ .nav-fill {
104
+ > .nav-link,
105
+ .nav-item {
106
+ flex: 1 1 auto;
107
+ text-align: center;
108
+ }
109
+ }
110
+
111
+ .nav-justified {
112
+ > .nav-link,
113
+ .nav-item {
114
+ flex-basis: 0;
115
+ flex-grow: 1;
116
+ text-align: center;
117
+ }
118
+ }
119
+
120
+ .nav-fill,
121
+ .nav-justified {
122
+ .nav-item .nav-link {
123
+ width: 100%; // Make sure button will grow
124
+ }
125
+ }
126
+
127
+
128
+ // Tabbable tabs
129
+ //
130
+ // Hide tabbable panes to start, show them when `.active`
131
+
132
+ .tab-content {
133
+ > .tab-pane {
134
+ display: none;
135
+ }
136
+ > .active {
137
+ display: block;
138
+ }
139
+ }
@@ -0,0 +1,306 @@
1
+ // Contents
2
+ //
3
+ // Navbar
4
+ // Navbar brand
5
+ // Navbar nav
6
+ // Navbar text
7
+ // Responsive navbar
8
+ // Navbar position
9
+ // Navbar themes
10
+
11
+
12
+ // Navbar
13
+ //
14
+ // Provide a static navbar from which we expand to create full-width, fixed, and
15
+ // other navbar variations.
16
+
17
+ .navbar {
18
+ position: relative;
19
+ display: flex;
20
+ flex-wrap: wrap; // allow us to do the line break for collapsing content
21
+ align-items: center;
22
+ justify-content: space-between; // space out brand from logo
23
+ padding-top: $navbar-padding-y;
24
+ padding-right: $navbar-padding-x; // default: null
25
+ padding-bottom: $navbar-padding-y;
26
+ padding-left: $navbar-padding-x; // default: null
27
+ @include gradient-bg();
28
+
29
+ // Because flex properties aren't inherited, we need to redeclare these first
30
+ // few properties so that content nested within behave properly.
31
+ // The `flex-wrap` property is inherited to simplify the expanded navbars
32
+ %container-flex-properties {
33
+ display: flex;
34
+ flex-wrap: inherit;
35
+ align-items: center;
36
+ justify-content: space-between;
37
+ }
38
+
39
+ > .container,
40
+ > .container-fluid {
41
+ @extend %container-flex-properties;
42
+ }
43
+
44
+ @each $breakpoint, $container-max-width in $container-max-widths {
45
+ > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
46
+ @extend %container-flex-properties;
47
+ }
48
+ }
49
+ }
50
+
51
+
52
+ // Navbar brand
53
+ //
54
+ // Used for brand, project, or site names.
55
+
56
+ .navbar-brand {
57
+ padding-top: $navbar-brand-padding-y;
58
+ padding-bottom: $navbar-brand-padding-y;
59
+ margin-right: $navbar-brand-margin-end;
60
+ @include font-size($navbar-brand-font-size);
61
+ text-decoration: if($link-decoration == none, null, none);
62
+ white-space: nowrap;
63
+
64
+ &:hover,
65
+ &:focus {
66
+ text-decoration: if($link-hover-decoration == underline, none, null);
67
+ }
68
+ }
69
+
70
+
71
+ // Navbar nav
72
+ //
73
+ // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
74
+
75
+ .navbar-nav {
76
+ display: flex;
77
+ flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
78
+ padding-left: 0;
79
+ margin-bottom: 0;
80
+ list-style: none;
81
+
82
+ .nav-link {
83
+ padding-right: 0;
84
+ padding-left: 0;
85
+ }
86
+
87
+ .dropdown-menu {
88
+ position: static;
89
+ }
90
+ }
91
+
92
+
93
+ // Navbar text
94
+ //
95
+ //
96
+
97
+ .navbar-text {
98
+ padding-top: $nav-link-padding-y;
99
+ padding-bottom: $nav-link-padding-y;
100
+ }
101
+
102
+
103
+ // Responsive navbar
104
+ //
105
+ // Custom styles for responsive collapsing and toggling of navbar contents.
106
+ // Powered by the collapse Bootstrap JavaScript plugin.
107
+
108
+ // When collapsed, prevent the toggleable navbar contents from appearing in
109
+ // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
110
+ // on the `.navbar` parent.
111
+ .navbar-collapse {
112
+ flex-basis: 100%;
113
+ flex-grow: 1;
114
+ // For always expanded or extra full navbars, ensure content aligns itself
115
+ // properly vertically. Can be easily overridden with flex utilities.
116
+ align-items: center;
117
+ }
118
+
119
+ // Button for toggling the navbar when in its collapsed state
120
+ .navbar-toggler {
121
+ padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
122
+ @include font-size($navbar-toggler-font-size);
123
+ line-height: 1;
124
+ background-color: transparent; // remove default button style
125
+ border: $border-width solid transparent; // remove default button style
126
+ @include border-radius($navbar-toggler-border-radius);
127
+ @include transition($navbar-toggler-transition);
128
+
129
+ &:hover {
130
+ text-decoration: none;
131
+ }
132
+
133
+ &:focus {
134
+ text-decoration: none;
135
+ outline: 0;
136
+ box-shadow: 0 0 0 $navbar-toggler-focus-width;
137
+ }
138
+ }
139
+
140
+ // Keep as a separate element so folks can easily override it with another icon
141
+ // or image file as needed.
142
+ .navbar-toggler-icon {
143
+ display: inline-block;
144
+ width: 1.5em;
145
+ height: 1.5em;
146
+ vertical-align: middle;
147
+ background-repeat: no-repeat;
148
+ background-position: center;
149
+ background-size: 100%;
150
+ }
151
+
152
+ .navbar-nav-scroll {
153
+ max-height: var(--#{$variable-prefix}scroll-height, 75vh);
154
+ overflow-y: auto;
155
+ }
156
+
157
+ // scss-docs-start navbar-expand-loop
158
+ // Generate series of `.navbar-expand-*` responsive classes for configuring
159
+ // where your navbar collapses.
160
+ .navbar-expand {
161
+ @each $breakpoint in map-keys($grid-breakpoints) {
162
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
163
+ $infix: breakpoint-infix($next, $grid-breakpoints);
164
+
165
+ // stylelint-disable-next-line scss/selector-no-union-class-name
166
+ &#{$infix} {
167
+ @include media-breakpoint-up($next) {
168
+ flex-wrap: nowrap;
169
+ justify-content: flex-start;
170
+
171
+ .navbar-nav {
172
+ flex-direction: row;
173
+
174
+ .dropdown-menu {
175
+ position: absolute;
176
+ }
177
+
178
+ .nav-link {
179
+ padding-right: $navbar-nav-link-padding-x;
180
+ padding-left: $navbar-nav-link-padding-x;
181
+ }
182
+ }
183
+
184
+ .navbar-nav-scroll {
185
+ overflow: visible;
186
+ }
187
+
188
+ .navbar-collapse {
189
+ display: flex !important; // stylelint-disable-line declaration-no-important
190
+ flex-basis: auto;
191
+ }
192
+
193
+ .navbar-toggler {
194
+ display: none;
195
+ }
196
+ }
197
+ }
198
+ }
199
+ }
200
+ // scss-docs-end navbar-expand-loop
201
+
202
+
203
+ // Navbar themes
204
+ //
205
+ // Styles for switching between navbars with light or dark background.
206
+
207
+ // Dark links against a light background
208
+ .navbar-light {
209
+ .navbar-brand {
210
+ color: $navbar-light-brand-color;
211
+
212
+ &:hover,
213
+ &:focus {
214
+ color: $navbar-light-brand-hover-color;
215
+ }
216
+ }
217
+
218
+ .navbar-nav {
219
+ .nav-link {
220
+ color: $navbar-light-color;
221
+
222
+ &:hover,
223
+ &:focus {
224
+ color: $navbar-light-hover-color;
225
+ }
226
+
227
+ &.disabled {
228
+ color: $navbar-light-disabled-color;
229
+ }
230
+ }
231
+
232
+ .show > .nav-link,
233
+ .nav-link.active {
234
+ color: $navbar-light-active-color;
235
+ }
236
+ }
237
+
238
+ .navbar-toggler {
239
+ color: $navbar-light-color;
240
+ border-color: $navbar-light-toggler-border-color;
241
+ }
242
+
243
+ .navbar-toggler-icon {
244
+ background-image: escape-svg($navbar-light-toggler-icon-bg);
245
+ }
246
+
247
+ .navbar-text {
248
+ color: $navbar-light-color;
249
+
250
+ a,
251
+ a:hover,
252
+ a:focus {
253
+ color: $navbar-light-active-color;
254
+ }
255
+ }
256
+ }
257
+
258
+ // White links against a dark background
259
+ .navbar-dark {
260
+ .navbar-brand {
261
+ color: $navbar-dark-brand-color;
262
+
263
+ &:hover,
264
+ &:focus {
265
+ color: $navbar-dark-brand-hover-color;
266
+ }
267
+ }
268
+
269
+ .navbar-nav {
270
+ .nav-link {
271
+ color: $navbar-dark-color;
272
+
273
+ &:hover,
274
+ &:focus {
275
+ color: $navbar-dark-hover-color;
276
+ }
277
+
278
+ &.disabled {
279
+ color: $navbar-dark-disabled-color;
280
+ }
281
+ }
282
+
283
+ .show > .nav-link,
284
+ .nav-link.active {
285
+ color: $navbar-dark-active-color;
286
+ }
287
+ }
288
+
289
+ .navbar-toggler {
290
+ color: $navbar-dark-color;
291
+ border-color: $navbar-dark-toggler-border-color;
292
+ }
293
+
294
+ .navbar-toggler-icon {
295
+ background-image: escape-svg($navbar-dark-toggler-icon-bg);
296
+ }
297
+
298
+ .navbar-text {
299
+ color: $navbar-dark-color;
300
+ a,
301
+ a:hover,
302
+ a:focus {
303
+ color: $navbar-dark-active-color;
304
+ }
305
+ }
306
+ }
@@ -0,0 +1,77 @@
1
+ .offcanvas {
2
+ position: fixed;
3
+ bottom: 0;
4
+ z-index: $zindex-offcanvas;
5
+ display: flex;
6
+ flex-direction: column;
7
+ max-width: 100%;
8
+ color: $offcanvas-color;
9
+ visibility: hidden;
10
+ background-color: $offcanvas-bg-color;
11
+ background-clip: padding-box;
12
+ outline: 0;
13
+ @include box-shadow($offcanvas-box-shadow);
14
+ @include transition(transform $offcanvas-transition-duration ease-in-out);
15
+ }
16
+
17
+ .offcanvas-header {
18
+ display: flex;
19
+ justify-content: space-between;
20
+ padding: $offcanvas-padding-y $offcanvas-padding-x;
21
+
22
+ .btn-close {
23
+ padding: ($offcanvas-padding-y / 2) ($offcanvas-padding-x / 2);
24
+ margin: ($offcanvas-padding-y / -2) ($offcanvas-padding-x / -2) ($offcanvas-padding-y / -2) auto;
25
+ }
26
+ }
27
+
28
+ .offcanvas-title {
29
+ margin-bottom: 0;
30
+ line-height: $offcanvas-title-line-height;
31
+ }
32
+
33
+ .offcanvas-body {
34
+ flex-grow: 1;
35
+ padding: $offcanvas-padding-y $offcanvas-padding-x;
36
+ overflow-y: auto;
37
+ }
38
+
39
+ .offcanvas-start {
40
+ top: 0;
41
+ left: 0;
42
+ width: $offcanvas-horizontal-width;
43
+ border-right: $offcanvas-border-width solid $offcanvas-border-color;
44
+ transform: translateX(-100%);
45
+ }
46
+
47
+ .offcanvas-end {
48
+ top: 0;
49
+ right: 0;
50
+ width: $offcanvas-horizontal-width;
51
+ border-left: $offcanvas-border-width solid $offcanvas-border-color;
52
+ transform: translateX(100%);
53
+ }
54
+
55
+ .offcanvas-bottom {
56
+ right: 0;
57
+ left: 0;
58
+ height: $offcanvas-vertical-height;
59
+ max-height: 100%;
60
+ border-top: $offcanvas-border-width solid $offcanvas-border-color;
61
+ transform: translateY(100%);
62
+ }
63
+
64
+ .offcanvas.show {
65
+ transform: none;
66
+ }
67
+
68
+ .offcanvas-backdrop::before {
69
+ position: fixed;
70
+ top: 0;
71
+ left: 0;
72
+ z-index: $zindex-offcanvas - 1;
73
+ width: 100vw;
74
+ height: 100vh;
75
+ content: "";
76
+ background-color: $offcanvas-body-backdrop-color;
77
+ }