jekyll-theme-digitalebrain 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (166) hide show
  1. checksums.yaml +4 -4
  2. metadata +1 -165
  3. data/_config.yml +0 -49
  4. data/_includes/_footer.html +0 -68
  5. data/_includes/_head.html +0 -29
  6. data/_includes/_navbar.html +0 -20
  7. data/_layouts/default.html +0 -41
  8. data/_layouts/page.html +0 -39
  9. data/_layouts/post.html +0 -5
  10. data/_sass/bootstrap/_alert.scss +0 -51
  11. data/_sass/bootstrap/_badge.scss +0 -47
  12. data/_sass/bootstrap/_breadcrumb.scss +0 -41
  13. data/_sass/bootstrap/_button-group.scss +0 -172
  14. data/_sass/bootstrap/_buttons.scss +0 -144
  15. data/_sass/bootstrap/_card.scss +0 -301
  16. data/_sass/bootstrap/_carousel.scss +0 -235
  17. data/_sass/bootstrap/_close.scss +0 -34
  18. data/_sass/bootstrap/_code.scss +0 -56
  19. data/_sass/bootstrap/_custom-forms.scss +0 -420
  20. data/_sass/bootstrap/_dropdown.scss +0 -166
  21. data/_sass/bootstrap/_forms.scss +0 -335
  22. data/_sass/bootstrap/_functions.scss +0 -86
  23. data/_sass/bootstrap/_grid.scss +0 -52
  24. data/_sass/bootstrap/_images.scss +0 -42
  25. data/_sass/bootstrap/_input-group.scss +0 -159
  26. data/_sass/bootstrap/_jumbotron.scss +0 -16
  27. data/_sass/bootstrap/_list-group.scss +0 -115
  28. data/_sass/bootstrap/_media.scss +0 -8
  29. data/_sass/bootstrap/_mixins.scss +0 -41
  30. data/_sass/bootstrap/_modal.scss +0 -168
  31. data/_sass/bootstrap/_nav.scss +0 -118
  32. data/_sass/bootstrap/_navbar.scss +0 -299
  33. data/_sass/bootstrap/_pagination.scss +0 -78
  34. data/_sass/bootstrap/_popover.scss +0 -183
  35. data/_sass/bootstrap/_print.scss +0 -124
  36. data/_sass/bootstrap/_progress.scss +0 -34
  37. data/_sass/bootstrap/_reboot.scss +0 -482
  38. data/_sass/bootstrap/_root.scss +0 -19
  39. data/_sass/bootstrap/_tables.scss +0 -188
  40. data/_sass/bootstrap/_tooltip.scss +0 -115
  41. data/_sass/bootstrap/_transitions.scss +0 -22
  42. data/_sass/bootstrap/_type.scss +0 -125
  43. data/_sass/bootstrap/_utilities.scss +0 -15
  44. data/_sass/bootstrap/_variables.scss +0 -930
  45. data/_sass/bootstrap/bootstrap-grid.scss +0 -32
  46. data/_sass/bootstrap/bootstrap-reboot.scss +0 -12
  47. data/_sass/bootstrap/bootstrap.scss +0 -42
  48. data/_sass/bootstrap/mixins/_alert.scss +0 -13
  49. data/_sass/bootstrap/mixins/_background-variant.scss +0 -21
  50. data/_sass/bootstrap/mixins/_badge.scss +0 -12
  51. data/_sass/bootstrap/mixins/_border-radius.scss +0 -35
  52. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -5
  53. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -123
  54. data/_sass/bootstrap/mixins/_buttons.scss +0 -109
  55. data/_sass/bootstrap/mixins/_caret.scss +0 -66
  56. data/_sass/bootstrap/mixins/_clearfix.scss +0 -7
  57. data/_sass/bootstrap/mixins/_float.scss +0 -11
  58. data/_sass/bootstrap/mixins/_forms.scss +0 -137
  59. data/_sass/bootstrap/mixins/_gradients.scss +0 -45
  60. data/_sass/bootstrap/mixins/_grid-framework.scss +0 -67
  61. data/_sass/bootstrap/mixins/_grid.scss +0 -52
  62. data/_sass/bootstrap/mixins/_hover.scss +0 -37
  63. data/_sass/bootstrap/mixins/_image.scss +0 -36
  64. data/_sass/bootstrap/mixins/_list-group.scss +0 -21
  65. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  66. data/_sass/bootstrap/mixins/_nav-divider.scss +0 -10
  67. data/_sass/bootstrap/mixins/_pagination.scss +0 -22
  68. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  69. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  70. data/_sass/bootstrap/mixins/_screen-reader.scss +0 -33
  71. data/_sass/bootstrap/mixins/_size.scss +0 -6
  72. data/_sass/bootstrap/mixins/_table-row.scss +0 -30
  73. data/_sass/bootstrap/mixins/_text-emphasis.scss +0 -14
  74. data/_sass/bootstrap/mixins/_text-hide.scss +0 -11
  75. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  76. data/_sass/bootstrap/mixins/_transition.scss +0 -13
  77. data/_sass/bootstrap/mixins/_visibility.scss +0 -7
  78. data/_sass/bootstrap/utilities/_align.scss +0 -8
  79. data/_sass/bootstrap/utilities/_background.scss +0 -19
  80. data/_sass/bootstrap/utilities/_borders.scss +0 -59
  81. data/_sass/bootstrap/utilities/_clearfix.scss +0 -3
  82. data/_sass/bootstrap/utilities/_display.scss +0 -38
  83. data/_sass/bootstrap/utilities/_embed.scss +0 -52
  84. data/_sass/bootstrap/utilities/_flex.scss +0 -51
  85. data/_sass/bootstrap/utilities/_float.scss +0 -9
  86. data/_sass/bootstrap/utilities/_position.scss +0 -37
  87. data/_sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/_sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/_sass/bootstrap/utilities/_sizing.scss +0 -12
  90. data/_sass/bootstrap/utilities/_spacing.scss +0 -51
  91. data/_sass/bootstrap/utilities/_text.scss +0 -58
  92. data/_sass/bootstrap/utilities/_visibility.scss +0 -11
  93. data/_sass/style.scss +0 -1569
  94. data/about.md +0 -10
  95. data/assets/.DS_Store +0 -0
  96. data/assets/css/Flaticon.woff +0 -0
  97. data/assets/css/Flaticon.woff2 +0 -0
  98. data/assets/css/_flaticon.scss +0 -70
  99. data/assets/css/ajax-loader.gif +0 -0
  100. data/assets/css/animate.css +0 -3377
  101. data/assets/css/aos.css +0 -2
  102. data/assets/css/bootstrap-datepicker.css +0 -512
  103. data/assets/css/bootstrap.min.css +0 -7
  104. data/assets/css/bootstrap/bootstrap-grid.css +0 -1708
  105. data/assets/css/bootstrap/bootstrap-reboot.css +0 -272
  106. data/assets/css/content.css +0 -101
  107. data/assets/css/css/bootstrap-reboot.css +0 -272
  108. data/assets/css/css/mixins/_text-hide.css +0 -0
  109. data/assets/css/flaticon.css +0 -47
  110. data/assets/css/icomoon.css +0 -4919
  111. data/assets/css/ionicons.min.css +0 -11
  112. data/assets/css/jquery.timepicker.css +0 -72
  113. data/assets/css/magnific-popup.css +0 -351
  114. data/assets/css/open-iconic-bootstrap.min.css +0 -1
  115. data/assets/css/owl.carousel.min.css +0 -6
  116. data/assets/css/owl.theme.default.min.css +0 -15
  117. data/assets/css/style.css +0 -8488
  118. data/assets/fonts/flaticon/backup.txt +0 -1
  119. data/assets/fonts/flaticon/font/Flaticon.eot +0 -0
  120. data/assets/fonts/flaticon/font/Flaticon.svg +0 -303
  121. data/assets/fonts/flaticon/font/Flaticon.ttf +0 -0
  122. data/assets/fonts/flaticon/font/Flaticon.woff +0 -0
  123. data/assets/fonts/flaticon/font/Flaticon.woff2 +0 -0
  124. data/assets/fonts/flaticon/font/_flaticon.scss +0 -70
  125. data/assets/fonts/flaticon/font/flaticon.css +0 -47
  126. data/assets/fonts/flaticon/font/flaticon.html +0 -530
  127. data/assets/fonts/flaticon/license/license.pdf +0 -0
  128. data/assets/fonts/icomoon/icomoon.eot +0 -0
  129. data/assets/fonts/icomoon/icomoon.svg +0 -1530
  130. data/assets/fonts/icomoon/icomoon.ttf +0 -0
  131. data/assets/fonts/icomoon/icomoon.woff +0 -0
  132. data/assets/fonts/ionicons/css/_ionicons.scss +0 -1480
  133. data/assets/fonts/ionicons/css/ionicons.min.css +0 -11
  134. data/assets/fonts/ionicons/fonts/ionicons.eot +0 -0
  135. data/assets/fonts/ionicons/fonts/ionicons.svg +0 -2094
  136. data/assets/fonts/ionicons/fonts/ionicons.ttf +0 -0
  137. data/assets/fonts/ionicons/fonts/ionicons.woff +0 -0
  138. data/assets/fonts/ionicons/fonts/ionicons.woff2 +0 -0
  139. data/assets/fonts/open-iconic/open-iconic.eot +0 -0
  140. data/assets/fonts/open-iconic/open-iconic.otf +0 -0
  141. data/assets/fonts/open-iconic/open-iconic.svg +0 -543
  142. data/assets/fonts/open-iconic/open-iconic.ttf +0 -0
  143. data/assets/fonts/open-iconic/open-iconic.woff +0 -0
  144. data/assets/images/.DS_Store +0 -0
  145. data/assets/images/bg_1.jpg +0 -0
  146. data/assets/images/bg_1_.jpg +0 -0
  147. data/assets/images/bubbles_.jpg +0 -0
  148. data/assets/images/favicon.png +0 -0
  149. data/assets/images/loc.png +0 -0
  150. data/assets/js/aos.js +0 -2
  151. data/assets/js/bootstrap-datepicker.js +0 -1671
  152. data/assets/js/bootstrap.min.js +0 -7
  153. data/assets/js/google-map.js +0 -62
  154. data/assets/js/jquery-3.2.1.min.js +0 -4
  155. data/assets/js/jquery-migrate-3.0.1.min.js +0 -215
  156. data/assets/js/jquery.animateNumber.min.js +0 -8
  157. data/assets/js/jquery.easing.1.3.js +0 -205
  158. data/assets/js/jquery.magnific-popup.min.js +0 -4
  159. data/assets/js/jquery.min.js +0 -10253
  160. data/assets/js/jquery.stellar.min.js +0 -2
  161. data/assets/js/jquery.timepicker.min.js +0 -7
  162. data/assets/js/jquery.waypoints.min.js +0 -7
  163. data/assets/js/main.js +0 -346
  164. data/assets/js/owl.carousel.min.js +0 -7
  165. data/assets/js/popper.min.js +0 -5
  166. data/index.md +0 -4
@@ -1,8 +0,0 @@
1
- .media {
2
- display: flex;
3
- align-items: flex-start;
4
- }
5
-
6
- .media-body {
7
- flex: 1;
8
- }
@@ -1,41 +0,0 @@
1
- // Toggles
2
- //
3
- // Used in conjunction with global variables to enable certain theme features.
4
-
5
- // Utilities
6
- @import "mixins/breakpoints";
7
- @import "mixins/hover";
8
- @import "mixins/image";
9
- @import "mixins/badge";
10
- @import "mixins/resize";
11
- @import "mixins/screen-reader";
12
- @import "mixins/size";
13
- @import "mixins/reset-text";
14
- @import "mixins/text-emphasis";
15
- @import "mixins/text-hide";
16
- @import "mixins/text-truncate";
17
- @import "mixins/visibility";
18
-
19
- // // Components
20
- @import "mixins/alert";
21
- @import "mixins/buttons";
22
- @import "mixins/caret";
23
- @import "mixins/pagination";
24
- @import "mixins/lists";
25
- @import "mixins/list-group";
26
- @import "mixins/nav-divider";
27
- @import "mixins/forms";
28
- @import "mixins/table-row";
29
-
30
- // // Skins
31
- @import "mixins/background-variant";
32
- @import "mixins/border-radius";
33
- @import "mixins/box-shadow";
34
- @import "mixins/gradients";
35
- @import "mixins/transition";
36
-
37
- // // Layout
38
- @import "mixins/clearfix";
39
- @import "mixins/grid-framework";
40
- @import "mixins/grid";
41
- @import "mixins/float";
@@ -1,168 +0,0 @@
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
- // Kill the scroll on the body
8
- .modal-open {
9
- overflow: hidden;
10
- }
11
-
12
- // Container that the modal scrolls within
13
- .modal {
14
- position: fixed;
15
- top: 0;
16
- right: 0;
17
- bottom: 0;
18
- left: 0;
19
- z-index: $zindex-modal;
20
- display: none;
21
- overflow: hidden;
22
- // Prevent Chrome on Windows from adding a focus outline. For details, see
23
- // https://github.com/twbs/bootstrap/pull/10951.
24
- outline: 0;
25
- // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
26
- // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
27
- // See also https://github.com/twbs/bootstrap/issues/17695
28
-
29
- .modal-open & {
30
- overflow-x: hidden;
31
- overflow-y: auto;
32
- }
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: translate(0, -25%);
47
- }
48
- .modal.show & {
49
- transform: translate(0, 0);
50
- }
51
- }
52
-
53
- .modal-dialog-centered {
54
- display: flex;
55
- align-items: center;
56
- min-height: calc(100% - (#{$modal-dialog-margin} * 2));
57
- }
58
-
59
- // Actual modal
60
- .modal-content {
61
- position: relative;
62
- display: flex;
63
- flex-direction: column;
64
- width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
65
- // counteract the pointer-events: none; in the .modal-dialog
66
- pointer-events: auto;
67
- background-color: $modal-content-bg;
68
- background-clip: padding-box;
69
- border: $modal-content-border-width solid $modal-content-border-color;
70
- @include border-radius($modal-content-border-radius);
71
- @include box-shadow($modal-content-box-shadow-xs);
72
- // Remove focus outline from opened modal
73
- outline: 0;
74
- }
75
-
76
- // Modal background
77
- .modal-backdrop {
78
- position: fixed;
79
- top: 0;
80
- right: 0;
81
- bottom: 0;
82
- left: 0;
83
- z-index: $zindex-modal-backdrop;
84
- background-color: $modal-backdrop-bg;
85
-
86
- // Fade for backdrop
87
- &.fade { opacity: 0; }
88
- &.show { opacity: $modal-backdrop-opacity; }
89
- }
90
-
91
- // Modal header
92
- // Top section of the modal w/ title and dismiss
93
- .modal-header {
94
- display: flex;
95
- align-items: flex-start; // so the close btn always stays on the upper right corner
96
- justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
97
- padding: $modal-header-padding;
98
- border-bottom: $modal-header-border-width solid $modal-header-border-color;
99
- @include border-top-radius($modal-content-border-radius);
100
-
101
- .close {
102
- padding: $modal-header-padding;
103
- // auto on the left force icon to the right even when there is no .modal-title
104
- margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
105
- }
106
- }
107
-
108
- // Title text within header
109
- .modal-title {
110
- margin-bottom: 0;
111
- line-height: $modal-title-line-height;
112
- }
113
-
114
- // Modal body
115
- // Where all modal content resides (sibling of .modal-header and .modal-footer)
116
- .modal-body {
117
- position: relative;
118
- // Enable `flex-grow: 1` so that the body take up as much space as possible
119
- // when should there be a fixed height on `.modal-dialog`.
120
- flex: 1 1 auto;
121
- padding: $modal-inner-padding;
122
- }
123
-
124
- // Footer (for actions)
125
- .modal-footer {
126
- display: flex;
127
- align-items: center; // vertically center
128
- justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
129
- padding: $modal-inner-padding;
130
- border-top: $modal-footer-border-width solid $modal-footer-border-color;
131
-
132
- // Easily place margin between footer elements
133
- > :not(:first-child) { margin-left: .25rem; }
134
- > :not(:last-child) { margin-right: .25rem; }
135
- }
136
-
137
- // Measure scrollbar width for padding body during modal show/hide
138
- .modal-scrollbar-measure {
139
- position: absolute;
140
- top: -9999px;
141
- width: 50px;
142
- height: 50px;
143
- overflow: scroll;
144
- }
145
-
146
- // Scale up the modal
147
- @include media-breakpoint-up(sm) {
148
- // Automatically set modal's width for larger viewports
149
- .modal-dialog {
150
- max-width: $modal-md;
151
- margin: $modal-dialog-margin-y-sm-up auto;
152
- }
153
-
154
- .modal-dialog-centered {
155
- min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
156
- }
157
-
158
- .modal-content {
159
- @include box-shadow($modal-content-box-shadow-sm-up);
160
- }
161
-
162
- .modal-sm { max-width: $modal-sm; }
163
-
164
- }
165
-
166
- @include media-breakpoint-up(lg) {
167
- .modal-lg { max-width: $modal-lg; }
168
- }
@@ -1,118 +0,0 @@
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
- }
26
- }
27
-
28
- //
29
- // Tabs
30
- //
31
-
32
- .nav-tabs {
33
- border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
34
-
35
- .nav-item {
36
- margin-bottom: -$nav-tabs-border-width;
37
- }
38
-
39
- .nav-link {
40
- border: $nav-tabs-border-width solid transparent;
41
- @include border-top-radius($nav-tabs-border-radius);
42
-
43
- @include hover-focus {
44
- border-color: $nav-tabs-link-hover-border-color;
45
- }
46
-
47
- &.disabled {
48
- color: $nav-link-disabled-color;
49
- background-color: transparent;
50
- border-color: transparent;
51
- }
52
- }
53
-
54
- .nav-link.active,
55
- .nav-item.show .nav-link {
56
- color: $nav-tabs-link-active-color;
57
- background-color: $nav-tabs-link-active-bg;
58
- border-color: $nav-tabs-link-active-border-color;
59
- }
60
-
61
- .dropdown-menu {
62
- // Make dropdown border overlap tab border
63
- margin-top: -$nav-tabs-border-width;
64
- // Remove the top rounded corners here since there is a hard edge above the menu
65
- @include border-top-radius(0);
66
- }
67
- }
68
-
69
-
70
- //
71
- // Pills
72
- //
73
-
74
- .nav-pills {
75
- .nav-link {
76
- @include border-radius($nav-pills-border-radius);
77
- }
78
-
79
- .nav-link.active,
80
- .show > .nav-link {
81
- color: $nav-pills-link-active-color;
82
- background-color: $nav-pills-link-active-bg;
83
- }
84
- }
85
-
86
-
87
- //
88
- // Justified variants
89
- //
90
-
91
- .nav-fill {
92
- .nav-item {
93
- flex: 1 1 auto;
94
- text-align: center;
95
- }
96
- }
97
-
98
- .nav-justified {
99
- .nav-item {
100
- flex-basis: 0;
101
- flex-grow: 1;
102
- text-align: center;
103
- }
104
- }
105
-
106
-
107
- // Tabbable tabs
108
- //
109
- // Hide tabbable panes to start, show them when `.active`
110
-
111
- .tab-content {
112
- > .tab-pane {
113
- display: none;
114
- }
115
- > .active {
116
- display: block;
117
- }
118
- }
@@ -1,299 +0,0 @@
1
- // Contents
2
- //
3
- // Navbar
4
- // Navbar brand
5
- // Navbar nav
6
- // Navbar text
7
- // Navbar divider
8
- // Responsive navbar
9
- // Navbar position
10
- // Navbar themes
11
-
12
-
13
- // Navbar
14
- //
15
- // Provide a static navbar from which we expand to create full-width, fixed, and
16
- // other navbar variations.
17
-
18
- .navbar {
19
- position: relative;
20
- display: flex;
21
- flex-wrap: wrap; // allow us to do the line break for collapsing content
22
- align-items: center;
23
- justify-content: space-between; // space out brand from logo
24
- padding: $navbar-padding-y $navbar-padding-x;
25
-
26
- // Because flex properties aren't inherited, we need to redeclare these first
27
- // few properities so that content nested within behave properly.
28
- > .container,
29
- > .container-fluid {
30
- display: flex;
31
- flex-wrap: wrap;
32
- align-items: center;
33
- justify-content: space-between;
34
- }
35
- }
36
-
37
-
38
- // Navbar brand
39
- //
40
- // Used for brand, project, or site names.
41
-
42
- .navbar-brand {
43
- display: inline-block;
44
- padding-top: $navbar-brand-padding-y;
45
- padding-bottom: $navbar-brand-padding-y;
46
- margin-right: $navbar-padding-x;
47
- font-size: $navbar-brand-font-size;
48
- line-height: inherit;
49
- white-space: nowrap;
50
-
51
- @include hover-focus {
52
- text-decoration: none;
53
- }
54
- }
55
-
56
-
57
- // Navbar nav
58
- //
59
- // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
60
-
61
- .navbar-nav {
62
- display: flex;
63
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
64
- padding-left: 0;
65
- margin-bottom: 0;
66
- list-style: none;
67
-
68
- .nav-link {
69
- padding-right: 0;
70
- padding-left: 0;
71
- }
72
-
73
- .dropdown-menu {
74
- position: static;
75
- float: none;
76
- }
77
- }
78
-
79
-
80
- // Navbar text
81
- //
82
- //
83
-
84
- .navbar-text {
85
- display: inline-block;
86
- padding-top: $nav-link-padding-y;
87
- padding-bottom: $nav-link-padding-y;
88
- }
89
-
90
-
91
- // Responsive navbar
92
- //
93
- // Custom styles for responsive collapsing and toggling of navbar contents.
94
- // Powered by the collapse Bootstrap JavaScript plugin.
95
-
96
- // When collapsed, prevent the toggleable navbar contents from appearing in
97
- // the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
98
- // on the `.navbar` parent.
99
- .navbar-collapse {
100
- flex-basis: 100%;
101
- flex-grow: 1;
102
- // For always expanded or extra full navbars, ensure content aligns itself
103
- // properly vertically. Can be easily overridden with flex utilities.
104
- align-items: center;
105
- }
106
-
107
- // Button for toggling the navbar when in its collapsed state
108
- .navbar-toggler {
109
- padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
110
- font-size: $navbar-toggler-font-size;
111
- line-height: 1;
112
- background-color: transparent; // remove default button style
113
- border: $border-width solid transparent; // remove default button style
114
- @include border-radius($navbar-toggler-border-radius);
115
-
116
- @include hover-focus {
117
- text-decoration: none;
118
- }
119
-
120
- // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
121
- &:not(:disabled):not(.disabled) {
122
- cursor: pointer;
123
- }
124
- }
125
-
126
- // Keep as a separate element so folks can easily override it with another icon
127
- // or image file as needed.
128
- .navbar-toggler-icon {
129
- display: inline-block;
130
- width: 1.5em;
131
- height: 1.5em;
132
- vertical-align: middle;
133
- content: "";
134
- background: no-repeat center center;
135
- background-size: 100% 100%;
136
- }
137
-
138
- // Generate series of `.navbar-expand-*` responsive classes for configuring
139
- // where your navbar collapses.
140
- .navbar-expand {
141
- @each $breakpoint in map-keys($grid-breakpoints) {
142
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
143
- $infix: breakpoint-infix($next, $grid-breakpoints);
144
-
145
- &#{$infix} {
146
- @include media-breakpoint-down($breakpoint) {
147
- > .container,
148
- > .container-fluid {
149
- padding-right: 0;
150
- padding-left: 0;
151
- }
152
- }
153
-
154
- @include media-breakpoint-up($next) {
155
- flex-flow: row nowrap;
156
- justify-content: flex-start;
157
-
158
- .navbar-nav {
159
- flex-direction: row;
160
-
161
- .dropdown-menu {
162
- position: absolute;
163
- }
164
-
165
- .nav-link {
166
- padding-right: $navbar-nav-link-padding-x;
167
- padding-left: $navbar-nav-link-padding-x;
168
- }
169
- }
170
-
171
- // For nesting containers, have to redeclare for alignment purposes
172
- > .container,
173
- > .container-fluid {
174
- flex-wrap: nowrap;
175
- }
176
-
177
- .navbar-collapse {
178
- display: flex !important; // stylelint-disable-line declaration-no-important
179
-
180
- // Changes flex-bases to auto because of an IE10 bug
181
- flex-basis: auto;
182
- }
183
-
184
- .navbar-toggler {
185
- display: none;
186
- }
187
- }
188
- }
189
- }
190
- }
191
-
192
-
193
- // Navbar themes
194
- //
195
- // Styles for switching between navbars with light or dark background.
196
-
197
- // Dark links against a light background
198
- .navbar-light {
199
- .navbar-brand {
200
- color: $navbar-light-active-color;
201
-
202
- @include hover-focus {
203
- color: $navbar-light-active-color;
204
- }
205
- }
206
-
207
- .navbar-nav {
208
- .nav-link {
209
- color: $navbar-light-color;
210
-
211
- @include hover-focus {
212
- color: $navbar-light-hover-color;
213
- }
214
-
215
- &.disabled {
216
- color: $navbar-light-disabled-color;
217
- }
218
- }
219
-
220
- .show > .nav-link,
221
- .active > .nav-link,
222
- .nav-link.show,
223
- .nav-link.active {
224
- color: $navbar-light-active-color;
225
- }
226
- }
227
-
228
- .navbar-toggler {
229
- color: $navbar-light-color;
230
- border-color: $navbar-light-toggler-border-color;
231
- }
232
-
233
- .navbar-toggler-icon {
234
- background-image: $navbar-light-toggler-icon-bg;
235
- }
236
-
237
- .navbar-text {
238
- color: $navbar-light-color;
239
- a {
240
- color: $navbar-light-active-color;
241
-
242
- @include hover-focus {
243
- color: $navbar-light-active-color;
244
- }
245
- }
246
- }
247
- }
248
-
249
- // White links against a dark background
250
- .navbar-dark {
251
- .navbar-brand {
252
- color: $navbar-dark-active-color;
253
-
254
- @include hover-focus {
255
- color: $navbar-dark-active-color;
256
- }
257
- }
258
-
259
- .navbar-nav {
260
- .nav-link {
261
- color: $navbar-dark-color;
262
-
263
- @include hover-focus {
264
- color: $navbar-dark-hover-color;
265
- }
266
-
267
- &.disabled {
268
- color: $navbar-dark-disabled-color;
269
- }
270
- }
271
-
272
- .show > .nav-link,
273
- .active > .nav-link,
274
- .nav-link.show,
275
- .nav-link.active {
276
- color: $navbar-dark-active-color;
277
- }
278
- }
279
-
280
- .navbar-toggler {
281
- color: $navbar-dark-color;
282
- border-color: $navbar-dark-toggler-border-color;
283
- }
284
-
285
- .navbar-toggler-icon {
286
- background-image: $navbar-dark-toggler-icon-bg;
287
- }
288
-
289
- .navbar-text {
290
- color: $navbar-dark-color;
291
- a {
292
- color: $navbar-dark-active-color;
293
-
294
- @include hover-focus {
295
- color: $navbar-dark-active-color;
296
- }
297
- }
298
- }
299
- }