viniBaxter-desk_front 22.0.0 → 24.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front.scss +5 -0
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +1 -1
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_new_nav.scss +9 -0
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +693 -681
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_dropdown.scss +372 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_fixed-plugin.scss +335 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss +226 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +480 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +919 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +43 -0
  13. data/lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss +51 -0
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_badge.scss +54 -0
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_breadcrumb.scss +44 -0
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_button-group.scss +163 -0
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +184 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +286 -0
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_carousel.scss +197 -0
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/_close.scss +40 -0
  21. data/lib/viniBaxter/sass/desk_front/bootstrap/_code.scss +48 -0
  22. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +523 -0
  23. data/lib/viniBaxter/sass/desk_front/bootstrap/_dropdown.scss +192 -0
  24. data/lib/viniBaxter/sass/desk_front/bootstrap/_forms.scss +364 -0
  25. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +72 -0
  26. data/lib/viniBaxter/sass/desk_front/bootstrap/_images.scss +42 -0
  27. data/lib/viniBaxter/sass/desk_front/bootstrap/_input-group.scss +192 -0
  28. data/lib/viniBaxter/sass/desk_front/bootstrap/_jumbotron.scss +17 -0
  29. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +153 -0
  30. data/lib/viniBaxter/sass/desk_front/bootstrap/_media.scss +8 -0
  31. data/lib/viniBaxter/sass/desk_front/bootstrap/_mixins.scss +47 -0
  32. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +240 -0
  33. data/lib/viniBaxter/sass/desk_front/bootstrap/_nav.scss +123 -0
  34. data/lib/viniBaxter/sass/desk_front/bootstrap/_navbar.scss +318 -0
  35. data/lib/viniBaxter/sass/desk_front/bootstrap/_pagination.scss +74 -0
  36. data/lib/viniBaxter/sass/desk_front/bootstrap/_popover.scss +170 -0
  37. data/lib/viniBaxter/sass/desk_front/bootstrap/_print.scss +141 -0
  38. data/lib/viniBaxter/sass/desk_front/bootstrap/_progress.scss +47 -0
  39. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +497 -0
  40. data/lib/viniBaxter/sass/desk_front/bootstrap/_root.scss +20 -0
  41. data/lib/viniBaxter/sass/desk_front/bootstrap/_spinners.scss +56 -0
  42. data/lib/viniBaxter/sass/desk_front/bootstrap/_tables.scss +183 -0
  43. data/lib/viniBaxter/sass/desk_front/bootstrap/_toasts.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/bootstrap/_tooltip.scss +115 -0
  45. data/lib/viniBaxter/sass/desk_front/bootstrap/_transitions.scss +20 -0
  46. data/lib/viniBaxter/sass/desk_front/bootstrap/_type.scss +149 -0
  47. data/lib/viniBaxter/sass/desk_front/bootstrap/_utilities.scss +18 -0
  48. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss +29 -0
  49. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss +12 -0
  50. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +43 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_alert.scss +13 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_background-variant.scss +23 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_badge.scss +17 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_border-radius.scss +76 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_box-shadow.scss +20 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_breakpoints.scss +123 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_buttons.scss +153 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_caret.scss +62 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_clearfix.scss +7 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_float.scss +14 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_forms.scss +178 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_gradients.scss +45 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid-framework.scss +80 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid.scss +72 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_hover.scss +37 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_image.scss +36 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_list-group.scss +21 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_lists.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_nav-divider.scss +11 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_pagination.scss +22 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_reset-text.scss +17 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_resize.scss +6 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_screen-reader.scss +34 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_size.scss +7 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_table-row.scss +39 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-emphasis.scss +17 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-hide.scss +11 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-truncate.scss +8 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_transition.scss +26 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_visibility.scss +8 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_align.scss +8 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_background.scss +19 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_borders.scss +75 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_clearfix.scss +3 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_display.scss +26 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_embed.scss +39 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_flex.scss +51 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_float.scss +11 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_interactions.scss +5 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_overflow.scss +5 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_position.scss +34 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_screenreaders.scss +11 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_shadows.scss +6 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_sizing.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_spacing.scss +73 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_stretched-link.scss +19 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_text.scss +72 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_visibility.scss +13 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap/vendor/_rfs.scss +204 -0
  101. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +2 -2
  102. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +3 -7
  103. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +16 -15
  104. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +0 -52
  105. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -10
  106. metadata +98 -45
  107. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +0 -18
  108. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +0 -32
  109. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +0 -192
  110. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  111. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +0 -115
  112. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  113. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +0 -11
  114. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  115. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +0 -15
  116. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +0 -65
  117. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +0 -110
  118. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +0 -106
  119. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +0 -14
  120. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +0 -1093
  121. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +0 -112
  122. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +0 -10
  123. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +0 -92
  124. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +0 -9
  125. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +0 -8
  126. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +0 -56
  127. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +0 -32
  128. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  129. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  130. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +0 -22
  131. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +0 -27
  132. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  133. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +0 -21
  134. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  135. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +0 -377
  136. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +0 -34
  137. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +0 -15
  138. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  139. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  140. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +0 -17
  141. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  142. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +0 -9
  143. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +0 -19
  144. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +0 -28
  145. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +0 -23
  146. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  147. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  148. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +0 -169
@@ -0,0 +1,43 @@
1
+ .white-content {
2
+ background: $light-bg;
3
+
4
+ .navbar.navbar-transparent .navbar-brand {
5
+ color: $black-states;
6
+ }
7
+
8
+ .navbar.navbar-transparent .navbar-toggler-bar {
9
+ background: $black-states;
10
+ }
11
+ .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) {
12
+ color: $black-states;
13
+ & i {
14
+ color: $black-states;
15
+ }
16
+ }
17
+
18
+ .navbar.navbar-transparent .navbar-minimize button i {
19
+ color: $black-states;
20
+ }
21
+
22
+ .navbar.navbar-transparent .search-bar.input-group i {
23
+ color: $black-states;
24
+ }
25
+ .navbar.navbar-transparent .search-bar.input-group .form-control {
26
+ color: $default;
27
+ &::placeholder {
28
+ color: $dark-gray;
29
+ }
30
+ }
31
+
32
+ .sidebar {
33
+ box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1),
34
+ 0 4px 20px 0 rgba(0, 0, 0, 0.15);
35
+ p {
36
+ color: $opacity-8;
37
+ }
38
+ }
39
+
40
+ .main-panel {
41
+ background: $light-bg;
42
+ }
43
+ }
@@ -0,0 +1,51 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .alert {
6
+ position: relative;
7
+ padding: $alert-padding-y $alert-padding-x;
8
+ margin-bottom: $alert-margin-bottom;
9
+ border: $alert-border-width solid transparent;
10
+ @include border-radius($alert-border-radius);
11
+ }
12
+
13
+ // Headings for larger alerts
14
+ .alert-heading {
15
+ // Specified to prevent conflicts of changing $headings-color
16
+ color: inherit;
17
+ }
18
+
19
+ // Provide class for links that match alerts
20
+ .alert-link {
21
+ font-weight: $alert-link-font-weight;
22
+ }
23
+
24
+
25
+ // Dismissible alerts
26
+ //
27
+ // Expand the right padding and account for the close button's positioning.
28
+
29
+ .alert-dismissible {
30
+ padding-right: $close-font-size + $alert-padding-x * 2;
31
+
32
+ // Adjust close link position
33
+ .close {
34
+ position: absolute;
35
+ top: 0;
36
+ right: 0;
37
+ padding: $alert-padding-y $alert-padding-x;
38
+ color: inherit;
39
+ }
40
+ }
41
+
42
+
43
+ // Alternate styles
44
+ //
45
+ // Generate contextual modifier classes for colorizing the alert.
46
+
47
+ @each $color, $value in $theme-colors {
48
+ .alert-#{$color} {
49
+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50
+ }
51
+ }
@@ -0,0 +1,54 @@
1
+ // Base class
2
+ //
3
+ // Requires one of the contextual, color modifier classes for `color` and
4
+ // `background-color`.
5
+
6
+ .badge {
7
+ display: inline-block;
8
+ padding: $badge-padding-y $badge-padding-x;
9
+ @include font-size($badge-font-size);
10
+ font-weight: $badge-font-weight;
11
+ line-height: 1;
12
+ text-align: center;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ @include border-radius($badge-border-radius);
16
+ @include transition($badge-transition);
17
+
18
+ @at-root a#{&} {
19
+ @include hover-focus() {
20
+ text-decoration: none;
21
+ }
22
+ }
23
+
24
+ // Empty badges collapse automatically
25
+ &:empty {
26
+ display: none;
27
+ }
28
+ }
29
+
30
+ // Quick fix for badges in buttons
31
+ .btn .badge {
32
+ position: relative;
33
+ top: -1px;
34
+ }
35
+
36
+ // Pill badges
37
+ //
38
+ // Make them extra rounded with a modifier to replace v3's badges.
39
+
40
+ .badge-pill {
41
+ padding-right: $badge-pill-padding-x;
42
+ padding-left: $badge-pill-padding-x;
43
+ @include border-radius($badge-pill-border-radius);
44
+ }
45
+
46
+ // Colors
47
+ //
48
+ // Contextual variations (linked badges get darker on :hover).
49
+
50
+ @each $color, $value in $theme-colors {
51
+ .badge-#{$color} {
52
+ @include badge-variant($value);
53
+ }
54
+ }
@@ -0,0 +1,44 @@
1
+ .breadcrumb {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5
+ margin-bottom: $breadcrumb-margin-bottom;
6
+ @include font-size($breadcrumb-font-size);
7
+ list-style: none;
8
+ background-color: $breadcrumb-bg;
9
+ @include border-radius($breadcrumb-border-radius);
10
+ }
11
+
12
+ .breadcrumb-item {
13
+ display: flex;
14
+
15
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
16
+ + .breadcrumb-item {
17
+ padding-left: $breadcrumb-item-padding;
18
+
19
+ &::before {
20
+ display: inline-block; // Suppress underlining of the separator in modern browsers
21
+ padding-right: $breadcrumb-item-padding;
22
+ color: $breadcrumb-divider-color;
23
+ content: escape-svg($breadcrumb-divider);
24
+ }
25
+ }
26
+
27
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
28
+ // without `<ul>`s. The `::before` pseudo-element generates an element
29
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
30
+ //
31
+ // To trick IE into suppressing the underline, we give the pseudo-element an
32
+ // underline and then immediately remove it.
33
+ + .breadcrumb-item:hover::before {
34
+ text-decoration: underline;
35
+ }
36
+ // stylelint-disable-next-line no-duplicate-selectors
37
+ + .breadcrumb-item:hover::before {
38
+ text-decoration: none;
39
+ }
40
+
41
+ &.active {
42
+ color: $breadcrumb-active-color;
43
+ }
44
+ }
@@ -0,0 +1,163 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ // Make the div behave like a button
4
+ .btn-group,
5
+ .btn-group-vertical {
6
+ position: relative;
7
+ display: inline-flex;
8
+ vertical-align: middle; // match .btn alignment given font-size hack above
9
+
10
+ > .btn {
11
+ position: relative;
12
+ flex: 1 1 auto;
13
+
14
+ // Bring the hover, focused, and "active" buttons to the front to overlay
15
+ // the borders properly
16
+ @include hover() {
17
+ z-index: 1;
18
+ }
19
+ &:focus,
20
+ &:active,
21
+ &.active {
22
+ z-index: 1;
23
+ }
24
+ }
25
+ }
26
+
27
+ // Optional: Group multiple button groups together for a toolbar
28
+ .btn-toolbar {
29
+ display: flex;
30
+ flex-wrap: wrap;
31
+ justify-content: flex-start;
32
+
33
+ .input-group {
34
+ width: auto;
35
+ }
36
+ }
37
+
38
+ .btn-group {
39
+ // Prevent double borders when buttons are next to each other
40
+ > .btn:not(:first-child),
41
+ > .btn-group:not(:first-child) {
42
+ margin-left: -$btn-border-width;
43
+ }
44
+
45
+ // Reset rounded corners
46
+ > .btn:not(:last-child):not(.dropdown-toggle),
47
+ > .btn-group:not(:last-child) > .btn {
48
+ @include border-right-radius(0);
49
+ }
50
+
51
+ > .btn:not(:first-child),
52
+ > .btn-group:not(:first-child) > .btn {
53
+ @include border-left-radius(0);
54
+ }
55
+ }
56
+
57
+ // Sizing
58
+ //
59
+ // Remix the default button sizing classes into new ones for easier manipulation.
60
+
61
+ .btn-group-sm > .btn { @extend .btn-sm; }
62
+ .btn-group-lg > .btn { @extend .btn-lg; }
63
+
64
+
65
+ //
66
+ // Split button dropdowns
67
+ //
68
+
69
+ .dropdown-toggle-split {
70
+ padding-right: $btn-padding-x * .75;
71
+ padding-left: $btn-padding-x * .75;
72
+
73
+ &::after,
74
+ .dropup &::after,
75
+ .dropright &::after {
76
+ margin-left: 0;
77
+ }
78
+
79
+ .dropleft &::before {
80
+ margin-right: 0;
81
+ }
82
+ }
83
+
84
+ .btn-sm + .dropdown-toggle-split {
85
+ padding-right: $btn-padding-x-sm * .75;
86
+ padding-left: $btn-padding-x-sm * .75;
87
+ }
88
+
89
+ .btn-lg + .dropdown-toggle-split {
90
+ padding-right: $btn-padding-x-lg * .75;
91
+ padding-left: $btn-padding-x-lg * .75;
92
+ }
93
+
94
+
95
+ // The clickable button for toggling the menu
96
+ // Set the same inset shadow as the :active state
97
+ .btn-group.show .dropdown-toggle {
98
+ @include box-shadow($btn-active-box-shadow);
99
+
100
+ // Show no shadow for `.btn-link` since it has no other button styles.
101
+ &.btn-link {
102
+ @include box-shadow(none);
103
+ }
104
+ }
105
+
106
+
107
+ //
108
+ // Vertical button groups
109
+ //
110
+
111
+ .btn-group-vertical {
112
+ flex-direction: column;
113
+ align-items: flex-start;
114
+ justify-content: center;
115
+
116
+ > .btn,
117
+ > .btn-group {
118
+ width: 100%;
119
+ }
120
+
121
+ > .btn:not(:first-child),
122
+ > .btn-group:not(:first-child) {
123
+ margin-top: -$btn-border-width;
124
+ }
125
+
126
+ // Reset rounded corners
127
+ > .btn:not(:last-child):not(.dropdown-toggle),
128
+ > .btn-group:not(:last-child) > .btn {
129
+ @include border-bottom-radius(0);
130
+ }
131
+
132
+ > .btn:not(:first-child),
133
+ > .btn-group:not(:first-child) > .btn {
134
+ @include border-top-radius(0);
135
+ }
136
+ }
137
+
138
+
139
+ // Checkbox and radio options
140
+ //
141
+ // In order to support the browser's form validation feedback, powered by the
142
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
143
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
144
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
145
+ // certain cases which is prevented by using `clip` and `pointer-events`.
146
+ // This way, we ensure a DOM element is visible to position the popover from.
147
+ //
148
+ // See https://github.com/twbs/bootstrap/pull/12794 and
149
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
150
+
151
+ .btn-group-toggle {
152
+ > .btn,
153
+ > .btn-group > .btn {
154
+ margin-bottom: 0; // Override default `<label>` value
155
+
156
+ input[type="radio"],
157
+ input[type="checkbox"] {
158
+ position: absolute;
159
+ clip: rect(0, 0, 0, 0);
160
+ pointer-events: none;
161
+ }
162
+ }
163
+ }
@@ -0,0 +1,184 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Base styles
5
+ //
6
+
7
+ .btn {
8
+ display: inline-block;
9
+ font-family: $btn-font-family;
10
+ font-weight: $btn-font-weight;
11
+ color: $body-color;
12
+ text-align: center;
13
+ text-decoration: if($link-decoration == none, null, none);
14
+ white-space: $btn-white-space;
15
+ vertical-align: middle;
16
+ user-select: none;
17
+ background-color: transparent;
18
+ border: $btn-border-width solid transparent;
19
+ @include button-size(
20
+ $btn-padding-y,
21
+ $btn-padding-x,
22
+ $btn-font-size,
23
+ $btn-line-height,
24
+ $btn-border-radius
25
+ );
26
+ @include transition($btn-transition);
27
+
28
+ @include hover() {
29
+ color: $body-color;
30
+ text-decoration: none;
31
+ }
32
+
33
+ &:focus,
34
+ &.focus {
35
+ outline: 0;
36
+ box-shadow: $btn-focus-box-shadow;
37
+ }
38
+
39
+ // Disabled comes first so active can properly restyle
40
+ &.disabled,
41
+ &:disabled {
42
+ opacity: $btn-disabled-opacity;
43
+ @include box-shadow(none);
44
+ }
45
+
46
+ &:not(:disabled):not(.disabled) {
47
+ cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
48
+
49
+ &:active,
50
+ &.active {
51
+ @include box-shadow($btn-active-box-shadow);
52
+
53
+ &:focus {
54
+ @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
55
+ }
56
+ }
57
+ }
58
+ }
59
+
60
+ // Future-proof disabling of clicks on `<a>` elements
61
+ a.btn.disabled,
62
+ fieldset:disabled a.btn {
63
+ pointer-events: none;
64
+ }
65
+
66
+ //
67
+ // Alternate buttons
68
+ //
69
+
70
+ @each $color, $value in $theme-colors {
71
+ .btn-#{$color} {
72
+ @include button-variant($value, $value);
73
+ }
74
+ }
75
+
76
+ @each $color, $value in $theme-colors {
77
+ .btn-outline-#{$color} {
78
+ @include button-outline-variant($value);
79
+ }
80
+ }
81
+
82
+ // Gradient
83
+ @each $color, $value in $theme-gradient-colors {
84
+ .btn-gradient-#{$color} {
85
+ @include set-gradient-button($color);
86
+ color: $light;
87
+ // background-size: 300% 100%;
88
+ transition: all 0.4s ease-in-out;
89
+ &:hover {
90
+ background-position: 100% 0;
91
+ transition: all 0.4s ease-in-out;
92
+ color: $light;
93
+ }
94
+ }
95
+ }
96
+
97
+ @each $color, $value in $theme-gradient-colors {
98
+ .btn-outline-gradient-#{$color} {
99
+ @include set-gradient-button($color);
100
+ background-origin: border-box;
101
+ box-shadow: 2px 1000px 1px #fff inset;
102
+ color: $value;
103
+ border-color: rgba(255, 255, 255, 0) !important;
104
+ &:hover {
105
+ color: $value;
106
+ }
107
+ }
108
+ }
109
+
110
+ //
111
+ // Link buttons
112
+ //
113
+
114
+ // Make a button look and behave like a link
115
+ .btn-link {
116
+ font-weight: $font-weight-normal;
117
+ color: $link-color;
118
+ text-decoration: $link-decoration;
119
+
120
+ @include hover() {
121
+ color: $link-hover-color;
122
+ text-decoration: $link-hover-decoration;
123
+ }
124
+
125
+ &:focus,
126
+ &.focus {
127
+ text-decoration: $link-hover-decoration;
128
+ }
129
+
130
+ &:disabled,
131
+ &.disabled {
132
+ color: $btn-link-disabled-color;
133
+ pointer-events: none;
134
+ }
135
+
136
+ // No need for an active state here
137
+ }
138
+
139
+ //
140
+ // Button Sizes
141
+ //
142
+
143
+ .btn-lg {
144
+ @include button-size(
145
+ $btn-padding-y-lg,
146
+ $btn-padding-x-lg,
147
+ $btn-font-size-lg,
148
+ $btn-line-height-lg,
149
+ $btn-border-radius-lg
150
+ );
151
+ }
152
+
153
+ .btn-sm {
154
+ @include button-size(
155
+ $btn-padding-y-sm,
156
+ $btn-padding-x-sm,
157
+ $btn-font-size-sm,
158
+ $btn-line-height-sm,
159
+ $btn-border-radius-sm
160
+ );
161
+ }
162
+
163
+ //
164
+ // Block button
165
+ //
166
+
167
+ .btn-block {
168
+ display: block;
169
+ width: 100%;
170
+
171
+ // Vertically space out multiple block buttons
172
+ + .btn-block {
173
+ margin-top: $btn-block-spacing-y;
174
+ }
175
+ }
176
+
177
+ // Specificity overrides
178
+ input[type='submit'],
179
+ input[type='reset'],
180
+ input[type='button'] {
181
+ &.btn-block {
182
+ width: 100%;
183
+ }
184
+ }