viniBaxter-desk_front 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (193) hide show
  1. checksums.yaml +7 -0
  2. data/.DS_Store +0 -0
  3. data/.gitignore +11 -0
  4. data/.rspec +3 -0
  5. data/.travis.yml +7 -0
  6. data/CODE_OF_CONDUCT.md +74 -0
  7. data/Gemfile +4 -0
  8. data/Gemfile.lock +35 -0
  9. data/README.md +39 -0
  10. data/Rakefile +6 -0
  11. data/app/assets/images/desk_front/.DS_Store +0 -0
  12. data/app/assets/images/desk_front/avatar-group-hover-last.svg +9 -0
  13. data/app/assets/images/desk_front/avatar-group-hover.svg +10 -0
  14. data/app/assets/images/desk_front/avatar-group.svg +9 -0
  15. data/app/assets/images/desk_front/avatar-status.svg +9 -0
  16. data/bin/console +14 -0
  17. data/bin/setup +8 -0
  18. data/image_setUP.md +5 -0
  19. data/lib/viniBaxter/.DS_Store +0 -0
  20. data/lib/viniBaxter/desk_front/.DS_Store +0 -0
  21. data/lib/viniBaxter/desk_front/engine.rb +17 -0
  22. data/lib/viniBaxter/desk_front/version.rb +5 -0
  23. data/lib/viniBaxter/desk_front.rb +8 -0
  24. data/lib/viniBaxter/sass/.DS_Store +0 -0
  25. data/lib/viniBaxter/sass/desk_front/.DS_Store +0 -0
  26. data/lib/viniBaxter/sass/desk_front/_user-variables.scss +8 -0
  27. data/lib/viniBaxter/sass/desk_front/_user.scss +4 -0
  28. data/lib/viniBaxter/sass/desk_front/administrate/base/_forms.scss +107 -0
  29. data/lib/viniBaxter/sass/desk_front/administrate/base/_layout.scss +20 -0
  30. data/lib/viniBaxter/sass/desk_front/administrate/base/_lists.scss +19 -0
  31. data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +55 -0
  32. data/lib/viniBaxter/sass/desk_front/administrate/base/_typography.scss +45 -0
  33. data/lib/viniBaxter/sass/desk_front/administrate/components/_app-container.scss +9 -0
  34. data/lib/viniBaxter/sass/desk_front/administrate/components/_attributes.scss +26 -0
  35. data/lib/viniBaxter/sass/desk_front/administrate/components/_buttons.scss +51 -0
  36. data/lib/viniBaxter/sass/desk_front/administrate/components/_cells.scss +47 -0
  37. data/lib/viniBaxter/sass/desk_front/administrate/components/_field-unit.scss +45 -0
  38. data/lib/viniBaxter/sass/desk_front/administrate/components/_flashes.scss +28 -0
  39. data/lib/viniBaxter/sass/desk_front/administrate/components/_form-actions.scss +3 -0
  40. data/lib/viniBaxter/sass/desk_front/administrate/components/_main-content.scss +29 -0
  41. data/lib/viniBaxter/sass/desk_front/administrate/components/_navigation.scss +32 -0
  42. data/lib/viniBaxter/sass/desk_front/administrate/components/_pagination.scss +18 -0
  43. data/lib/viniBaxter/sass/desk_front/administrate/components/_search.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/administrate/desk_front/.DS_Store +0 -0
  45. data/lib/viniBaxter/sass/desk_front/administrate/index.scss +34 -0
  46. data/lib/viniBaxter/sass/desk_front/administrate/library/_clearfix.scss +7 -0
  47. data/lib/viniBaxter/sass/desk_front/administrate/library/_data-label.scss +8 -0
  48. data/lib/viniBaxter/sass/desk_front/administrate/library/_variables.scss +0 -0
  49. data/lib/viniBaxter/sass/desk_front/administrate/reset/_normalize.scss +447 -0
  50. data/lib/viniBaxter/sass/desk_front/administrate/utilities/_text-color.scss +3 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_alert.scss +51 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_badge.scss +54 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_breadcrumb.scss +42 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_button-group.scss +163 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_buttons.scss +139 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_card.scss +278 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_carousel.scss +197 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_close.scss +41 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_code.scss +48 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_custom-forms.scss +521 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_dropdown.scss +191 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_forms.scss +338 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_functions.scss +134 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_grid.scss +69 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_images.scss +42 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_input-group.scss +191 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_jumbotron.scss +17 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_list-group.scss +158 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_media.scss +8 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_mixins.scss +47 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_modal.scss +239 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_nav.scss +120 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_navbar.scss +324 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_pagination.scss +73 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_popover.scss +170 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_print.scss +141 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_progress.scss +46 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_reboot.scss +482 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_root.scss +20 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_spinners.scss +55 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_tables.scss +185 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_toasts.scss +44 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_tooltip.scss +115 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_transitions.scss +20 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_type.scss +125 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_utilities.scss +17 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_variables.scss +1143 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap-grid.scss +29 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap-reboot.scss +12 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap.scss +44 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_alert.scss +13 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_background-variant.scss +22 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_badge.scss +17 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_border-radius.scss +63 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_box-shadow.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_breakpoints.scss +123 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_buttons.scss +110 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_caret.scss +62 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_clearfix.scss +7 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_deprecate.scss +10 -0
  101. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_float.scss +14 -0
  102. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_forms.scss +177 -0
  103. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_gradients.scss +45 -0
  104. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_grid-framework.scss +71 -0
  105. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_grid.scss +69 -0
  106. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_hover.scss +37 -0
  107. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_image.scss +36 -0
  108. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_list-group.scss +21 -0
  109. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_lists.scss +7 -0
  110. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_nav-divider.scss +11 -0
  111. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_pagination.scss +22 -0
  112. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_reset-text.scss +17 -0
  113. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_resize.scss +6 -0
  114. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_screen-reader.scss +34 -0
  115. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_size.scss +7 -0
  116. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_table-row.scss +39 -0
  117. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-emphasis.scss +17 -0
  118. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-hide.scss +11 -0
  119. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-truncate.scss +8 -0
  120. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_transition.scss +16 -0
  121. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_visibility.scss +8 -0
  122. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_align.scss +8 -0
  123. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_background.scss +19 -0
  124. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_borders.scss +75 -0
  125. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_clearfix.scss +3 -0
  126. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_display.scss +26 -0
  127. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_embed.scss +39 -0
  128. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_flex.scss +51 -0
  129. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_float.scss +11 -0
  130. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_overflow.scss +5 -0
  131. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_position.scss +32 -0
  132. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_screenreaders.scss +11 -0
  133. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_shadows.scss +6 -0
  134. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_sizing.scss +20 -0
  135. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_spacing.scss +73 -0
  136. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_stretched-link.scss +19 -0
  137. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_text.scss +72 -0
  138. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_visibility.scss +13 -0
  139. data/lib/viniBaxter/sass/desk_front/bootstrap_4/vendor/_rfs.scss +204 -0
  140. data/lib/viniBaxter/sass/desk_front/dashkit/_alert.scss +28 -0
  141. data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss +197 -0
  142. data/lib/viniBaxter/sass/desk_front/dashkit/_badge.scss +28 -0
  143. data/lib/viniBaxter/sass/desk_front/dashkit/_breadcrumb.scss +55 -0
  144. data/lib/viniBaxter/sass/desk_front/dashkit/_buttons.scss +68 -0
  145. data/lib/viniBaxter/sass/desk_front/dashkit/_card.scss +298 -0
  146. data/lib/viniBaxter/sass/desk_front/dashkit/_chart.scss +79 -0
  147. data/lib/viniBaxter/sass/desk_front/dashkit/_checklist.scss +36 -0
  148. data/lib/viniBaxter/sass/desk_front/dashkit/_close.scss +10 -0
  149. data/lib/viniBaxter/sass/desk_front/dashkit/_code.scss +16 -0
  150. data/lib/viniBaxter/sass/desk_front/dashkit/_comment.scss +34 -0
  151. data/lib/viniBaxter/sass/desk_front/dashkit/_custom-forms.scss +37 -0
  152. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +38 -0
  153. data/lib/viniBaxter/sass/desk_front/dashkit/_dropdowns.scss +124 -0
  154. data/lib/viniBaxter/sass/desk_front/dashkit/_forms.scss +272 -0
  155. data/lib/viniBaxter/sass/desk_front/dashkit/_header.scss +58 -0
  156. data/lib/viniBaxter/sass/desk_front/dashkit/_icon.scss +54 -0
  157. data/lib/viniBaxter/sass/desk_front/dashkit/_jumbotron.scss +15 -0
  158. data/lib/viniBaxter/sass/desk_front/dashkit/_kanban.scss +68 -0
  159. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +53 -0
  160. data/lib/viniBaxter/sass/desk_front/dashkit/_main-content.scss +70 -0
  161. data/lib/viniBaxter/sass/desk_front/dashkit/_mixins.scss +16 -0
  162. data/lib/viniBaxter/sass/desk_front/dashkit/_modal.scss +101 -0
  163. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +112 -0
  164. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +722 -0
  165. data/lib/viniBaxter/sass/desk_front/dashkit/_popover.scss +101 -0
  166. data/lib/viniBaxter/sass/desk_front/dashkit/_progress.scss +27 -0
  167. data/lib/viniBaxter/sass/desk_front/dashkit/_reboot.scss +12 -0
  168. data/lib/viniBaxter/sass/desk_front/dashkit/_root.scss +12 -0
  169. data/lib/viniBaxter/sass/desk_front/dashkit/_tables.scss +76 -0
  170. data/lib/viniBaxter/sass/desk_front/dashkit/_toasts.scss +4 -0
  171. data/lib/viniBaxter/sass/desk_front/dashkit/_type.scss +115 -0
  172. data/lib/viniBaxter/sass/desk_front/dashkit/_utilities.scss +5 -0
  173. data/lib/viniBaxter/sass/desk_front/dashkit/_variables.scss +0 -0
  174. data/lib/viniBaxter/sass/desk_front/dashkit/_vendors.scss +5 -0
  175. data/lib/viniBaxter/sass/desk_front/dashkit/dark/_overrides-dark.scss +60 -0
  176. data/lib/viniBaxter/sass/desk_front/dashkit/dark/_variables-dark.scss +219 -0
  177. data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_badge.scss +16 -0
  178. data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_breakpoints.scss +9 -0
  179. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_background.scss +80 -0
  180. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_borders.scss +48 -0
  181. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_lift.scss +20 -0
  182. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_sizing.scss +10 -0
  183. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_type.scss +34 -0
  184. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_dropzone.scss +75 -0
  185. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_flatpickr.scss +69 -0
  186. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_list.scss +11 -0
  187. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_quill.scss +283 -0
  188. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_select2.scss +128 -0
  189. data/lib/viniBaxter/sass/desk_front/theme-dark.scss +30 -0
  190. data/lib/viniBaxter/sass/desk_front/theme.scss +24 -0
  191. data/lib/viniBaxter/sass/desk_front.scss +23 -0
  192. data/viniBaxter-desk_front.gemspec +33 -0
  193. metadata +275 -0
@@ -0,0 +1,120 @@
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
+
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
+ }
@@ -0,0 +1,324 @@
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 properties so that content nested within behave properly.
28
+ %container-flex-properties {
29
+ display: flex;
30
+ flex-wrap: wrap;
31
+ align-items: center;
32
+ justify-content: space-between;
33
+ }
34
+
35
+ .container,
36
+ .container-fluid {
37
+ @extend %container-flex-properties;
38
+ }
39
+
40
+ @each $breakpoint, $container-max-width in $container-max-widths {
41
+ > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
42
+ @extend %container-flex-properties;
43
+ }
44
+ }
45
+ }
46
+
47
+
48
+ // Navbar brand
49
+ //
50
+ // Used for brand, project, or site names.
51
+
52
+ .navbar-brand {
53
+ display: inline-block;
54
+ padding-top: $navbar-brand-padding-y;
55
+ padding-bottom: $navbar-brand-padding-y;
56
+ margin-right: $navbar-padding-x;
57
+ @include font-size($navbar-brand-font-size);
58
+ line-height: inherit;
59
+ white-space: nowrap;
60
+
61
+ @include hover-focus() {
62
+ text-decoration: none;
63
+ }
64
+ }
65
+
66
+
67
+ // Navbar nav
68
+ //
69
+ // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
70
+
71
+ .navbar-nav {
72
+ display: flex;
73
+ flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
74
+ padding-left: 0;
75
+ margin-bottom: 0;
76
+ list-style: none;
77
+
78
+ .nav-link {
79
+ padding-right: 0;
80
+ padding-left: 0;
81
+ }
82
+
83
+ .dropdown-menu {
84
+ position: static;
85
+ float: none;
86
+ }
87
+ }
88
+
89
+
90
+ // Navbar text
91
+ //
92
+ //
93
+
94
+ .navbar-text {
95
+ display: inline-block;
96
+ padding-top: $nav-link-padding-y;
97
+ padding-bottom: $nav-link-padding-y;
98
+ }
99
+
100
+
101
+ // Responsive navbar
102
+ //
103
+ // Custom styles for responsive collapsing and toggling of navbar contents.
104
+ // Powered by the collapse Bootstrap JavaScript plugin.
105
+
106
+ // When collapsed, prevent the toggleable navbar contents from appearing in
107
+ // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
108
+ // on the `.navbar` parent.
109
+ .navbar-collapse {
110
+ flex-basis: 100%;
111
+ flex-grow: 1;
112
+ // For always expanded or extra full navbars, ensure content aligns itself
113
+ // properly vertically. Can be easily overridden with flex utilities.
114
+ align-items: center;
115
+ }
116
+
117
+ // Button for toggling the navbar when in its collapsed state
118
+ .navbar-toggler {
119
+ padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
120
+ @include font-size($navbar-toggler-font-size);
121
+ line-height: 1;
122
+ background-color: transparent; // remove default button style
123
+ border: $border-width solid transparent; // remove default button style
124
+ @include border-radius($navbar-toggler-border-radius);
125
+
126
+ @include hover-focus() {
127
+ text-decoration: none;
128
+ }
129
+ }
130
+
131
+ // Keep as a separate element so folks can easily override it with another icon
132
+ // or image file as needed.
133
+ .navbar-toggler-icon {
134
+ display: inline-block;
135
+ width: 1.5em;
136
+ height: 1.5em;
137
+ vertical-align: middle;
138
+ content: "";
139
+ background: no-repeat center center;
140
+ background-size: 100% 100%;
141
+ }
142
+
143
+ // Generate series of `.navbar-expand-*` responsive classes for configuring
144
+ // where your navbar collapses.
145
+ .navbar-expand {
146
+ @each $breakpoint in map-keys($grid-breakpoints) {
147
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
148
+ $infix: breakpoint-infix($next, $grid-breakpoints);
149
+
150
+ &#{$infix} {
151
+ @include media-breakpoint-down($breakpoint) {
152
+ %container-navbar-expand-#{$breakpoint} {
153
+ padding-right: 0;
154
+ padding-left: 0;
155
+ }
156
+
157
+ > .container,
158
+ > .container-fluid {
159
+ @extend %container-navbar-expand-#{$breakpoint};
160
+ }
161
+
162
+ @each $size, $container-max-width in $container-max-widths {
163
+ > .container#{breakpoint-infix($size, $container-max-widths)} {
164
+ @extend %container-navbar-expand-#{$breakpoint};
165
+ }
166
+ }
167
+ }
168
+
169
+ @include media-breakpoint-up($next) {
170
+ flex-flow: row nowrap;
171
+ justify-content: flex-start;
172
+
173
+ .navbar-nav {
174
+ flex-direction: row;
175
+
176
+ .dropdown-menu {
177
+ position: absolute;
178
+ }
179
+
180
+ .nav-link {
181
+ padding-right: $navbar-nav-link-padding-x;
182
+ padding-left: $navbar-nav-link-padding-x;
183
+ }
184
+ }
185
+
186
+ // For nesting containers, have to redeclare for alignment purposes
187
+ %container-nesting-#{$breakpoint} {
188
+ flex-wrap: nowrap;
189
+ }
190
+
191
+ > .container,
192
+ > .container-fluid {
193
+ @extend %container-nesting-#{$breakpoint};
194
+ }
195
+
196
+ @each $size, $container-max-width in $container-max-widths {
197
+ > .container#{breakpoint-infix($size, $container-max-widths)} {
198
+ @extend %container-nesting-#{$breakpoint};
199
+ }
200
+ }
201
+
202
+ .navbar-collapse {
203
+ display: flex !important; // stylelint-disable-line declaration-no-important
204
+
205
+ // Changes flex-bases to auto because of an IE10 bug
206
+ flex-basis: auto;
207
+ }
208
+
209
+ .navbar-toggler {
210
+ display: none;
211
+ }
212
+ }
213
+ }
214
+ }
215
+ }
216
+
217
+
218
+ // Navbar themes
219
+ //
220
+ // Styles for switching between navbars with light or dark background.
221
+
222
+ // Dark links against a light background
223
+ .navbar-light {
224
+ .navbar-brand {
225
+ color: $navbar-light-brand-color;
226
+
227
+ @include hover-focus() {
228
+ color: $navbar-light-brand-hover-color;
229
+ }
230
+ }
231
+
232
+ .navbar-nav {
233
+ .nav-link {
234
+ color: $navbar-light-color;
235
+
236
+ @include hover-focus() {
237
+ color: $navbar-light-hover-color;
238
+ }
239
+
240
+ &.disabled {
241
+ color: $navbar-light-disabled-color;
242
+ }
243
+ }
244
+
245
+ .show > .nav-link,
246
+ .active > .nav-link,
247
+ .nav-link.show,
248
+ .nav-link.active {
249
+ color: $navbar-light-active-color;
250
+ }
251
+ }
252
+
253
+ .navbar-toggler {
254
+ color: $navbar-light-color;
255
+ border-color: $navbar-light-toggler-border-color;
256
+ }
257
+
258
+ .navbar-toggler-icon {
259
+ background-image: escape-svg($navbar-light-toggler-icon-bg);
260
+ }
261
+
262
+ .navbar-text {
263
+ color: $navbar-light-color;
264
+ a {
265
+ color: $navbar-light-active-color;
266
+
267
+ @include hover-focus() {
268
+ color: $navbar-light-active-color;
269
+ }
270
+ }
271
+ }
272
+ }
273
+
274
+ // White links against a dark background
275
+ .navbar-dark {
276
+ .navbar-brand {
277
+ color: $navbar-dark-brand-color;
278
+
279
+ @include hover-focus() {
280
+ color: $navbar-dark-brand-hover-color;
281
+ }
282
+ }
283
+
284
+ .navbar-nav {
285
+ .nav-link {
286
+ color: $navbar-dark-color;
287
+
288
+ @include hover-focus() {
289
+ color: $navbar-dark-hover-color;
290
+ }
291
+
292
+ &.disabled {
293
+ color: $navbar-dark-disabled-color;
294
+ }
295
+ }
296
+
297
+ .show > .nav-link,
298
+ .active > .nav-link,
299
+ .nav-link.show,
300
+ .nav-link.active {
301
+ color: $navbar-dark-active-color;
302
+ }
303
+ }
304
+
305
+ .navbar-toggler {
306
+ color: $navbar-dark-color;
307
+ border-color: $navbar-dark-toggler-border-color;
308
+ }
309
+
310
+ .navbar-toggler-icon {
311
+ background-image: escape-svg($navbar-dark-toggler-icon-bg);
312
+ }
313
+
314
+ .navbar-text {
315
+ color: $navbar-dark-color;
316
+ a {
317
+ color: $navbar-dark-active-color;
318
+
319
+ @include hover-focus() {
320
+ color: $navbar-dark-active-color;
321
+ }
322
+ }
323
+ }
324
+ }
@@ -0,0 +1,73 @@
1
+ .pagination {
2
+ display: flex;
3
+ @include list-unstyled();
4
+ @include border-radius();
5
+ }
6
+
7
+ .page-link {
8
+ position: relative;
9
+ display: block;
10
+ padding: $pagination-padding-y $pagination-padding-x;
11
+ margin-left: -$pagination-border-width;
12
+ line-height: $pagination-line-height;
13
+ color: $pagination-color;
14
+ background-color: $pagination-bg;
15
+ border: $pagination-border-width solid $pagination-border-color;
16
+
17
+ &:hover {
18
+ z-index: 2;
19
+ color: $pagination-hover-color;
20
+ text-decoration: none;
21
+ background-color: $pagination-hover-bg;
22
+ border-color: $pagination-hover-border-color;
23
+ }
24
+
25
+ &:focus {
26
+ z-index: 3;
27
+ outline: $pagination-focus-outline;
28
+ box-shadow: $pagination-focus-box-shadow;
29
+ }
30
+ }
31
+
32
+ .page-item {
33
+ &:first-child {
34
+ .page-link {
35
+ margin-left: 0;
36
+ @include border-left-radius($border-radius);
37
+ }
38
+ }
39
+ &:last-child {
40
+ .page-link {
41
+ @include border-right-radius($border-radius);
42
+ }
43
+ }
44
+
45
+ &.active .page-link {
46
+ z-index: 3;
47
+ color: $pagination-active-color;
48
+ background-color: $pagination-active-bg;
49
+ border-color: $pagination-active-border-color;
50
+ }
51
+
52
+ &.disabled .page-link {
53
+ color: $pagination-disabled-color;
54
+ pointer-events: none;
55
+ // Opinionated: remove the "hand" cursor set previously for .page-link
56
+ cursor: auto;
57
+ background-color: $pagination-disabled-bg;
58
+ border-color: $pagination-disabled-border-color;
59
+ }
60
+ }
61
+
62
+
63
+ //
64
+ // Sizing
65
+ //
66
+
67
+ .pagination-lg {
68
+ @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
69
+ }
70
+
71
+ .pagination-sm {
72
+ @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
73
+ }
@@ -0,0 +1,170 @@
1
+ .popover {
2
+ position: absolute;
3
+ top: 0;
4
+ left: 0;
5
+ z-index: $zindex-popover;
6
+ display: block;
7
+ max-width: $popover-max-width;
8
+ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
9
+ // So reset our font and text properties to avoid inheriting weird values.
10
+ @include reset-text();
11
+ @include font-size($popover-font-size);
12
+ // Allow breaking very long words so they don't overflow the popover's bounds
13
+ word-wrap: break-word;
14
+ background-color: $popover-bg;
15
+ background-clip: padding-box;
16
+ border: $popover-border-width solid $popover-border-color;
17
+ @include border-radius($popover-border-radius);
18
+ @include box-shadow($popover-box-shadow);
19
+
20
+ .arrow {
21
+ position: absolute;
22
+ display: block;
23
+ width: $popover-arrow-width;
24
+ height: $popover-arrow-height;
25
+ margin: 0 $popover-border-radius;
26
+
27
+ &::before,
28
+ &::after {
29
+ position: absolute;
30
+ display: block;
31
+ content: "";
32
+ border-color: transparent;
33
+ border-style: solid;
34
+ }
35
+ }
36
+ }
37
+
38
+ .bs-popover-top {
39
+ margin-bottom: $popover-arrow-height;
40
+
41
+ > .arrow {
42
+ bottom: subtract(-$popover-arrow-height, $popover-border-width);
43
+
44
+ &::before {
45
+ bottom: 0;
46
+ border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
47
+ border-top-color: $popover-arrow-outer-color;
48
+ }
49
+
50
+ &::after {
51
+ bottom: $popover-border-width;
52
+ border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
53
+ border-top-color: $popover-arrow-color;
54
+ }
55
+ }
56
+ }
57
+
58
+ .bs-popover-right {
59
+ margin-left: $popover-arrow-height;
60
+
61
+ > .arrow {
62
+ left: subtract(-$popover-arrow-height, $popover-border-width);
63
+ width: $popover-arrow-height;
64
+ height: $popover-arrow-width;
65
+ margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
66
+
67
+ &::before {
68
+ left: 0;
69
+ border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
70
+ border-right-color: $popover-arrow-outer-color;
71
+ }
72
+
73
+ &::after {
74
+ left: $popover-border-width;
75
+ border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
76
+ border-right-color: $popover-arrow-color;
77
+ }
78
+ }
79
+ }
80
+
81
+ .bs-popover-bottom {
82
+ margin-top: $popover-arrow-height;
83
+
84
+ > .arrow {
85
+ top: subtract(-$popover-arrow-height, $popover-border-width);
86
+
87
+ &::before {
88
+ top: 0;
89
+ border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
90
+ border-bottom-color: $popover-arrow-outer-color;
91
+ }
92
+
93
+ &::after {
94
+ top: $popover-border-width;
95
+ border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
96
+ border-bottom-color: $popover-arrow-color;
97
+ }
98
+ }
99
+
100
+ // This will remove the popover-header's border just below the arrow
101
+ .popover-header::before {
102
+ position: absolute;
103
+ top: 0;
104
+ left: 50%;
105
+ display: block;
106
+ width: $popover-arrow-width;
107
+ margin-left: -$popover-arrow-width / 2;
108
+ content: "";
109
+ border-bottom: $popover-border-width solid $popover-header-bg;
110
+ }
111
+ }
112
+
113
+ .bs-popover-left {
114
+ margin-right: $popover-arrow-height;
115
+
116
+ > .arrow {
117
+ right: subtract(-$popover-arrow-height, $popover-border-width);
118
+ width: $popover-arrow-height;
119
+ height: $popover-arrow-width;
120
+ margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
121
+
122
+ &::before {
123
+ right: 0;
124
+ border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
125
+ border-left-color: $popover-arrow-outer-color;
126
+ }
127
+
128
+ &::after {
129
+ right: $popover-border-width;
130
+ border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
131
+ border-left-color: $popover-arrow-color;
132
+ }
133
+ }
134
+ }
135
+
136
+ .bs-popover-auto {
137
+ &[x-placement^="top"] {
138
+ @extend .bs-popover-top;
139
+ }
140
+ &[x-placement^="right"] {
141
+ @extend .bs-popover-right;
142
+ }
143
+ &[x-placement^="bottom"] {
144
+ @extend .bs-popover-bottom;
145
+ }
146
+ &[x-placement^="left"] {
147
+ @extend .bs-popover-left;
148
+ }
149
+ }
150
+
151
+
152
+ // Offset the popover to account for the popover arrow
153
+ .popover-header {
154
+ padding: $popover-header-padding-y $popover-header-padding-x;
155
+ margin-bottom: 0; // Reset the default from Reboot
156
+ @include font-size($font-size-base);
157
+ color: $popover-header-color;
158
+ background-color: $popover-header-bg;
159
+ border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
160
+ @include border-top-radius($popover-inner-border-radius);
161
+
162
+ &:empty {
163
+ display: none;
164
+ }
165
+ }
166
+
167
+ .popover-body {
168
+ padding: $popover-body-padding-y $popover-body-padding-x;
169
+ color: $popover-body-color;
170
+ }