loremGem 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (158) hide show
  1. checksums.yaml +7 -0
  2. data/.gitattributes +14 -0
  3. data/.gitignore +24 -0
  4. data/.travis.yml +17 -0
  5. data/CHANGELOG.md +37 -0
  6. data/CODE_OF_CONDUCT.md +49 -0
  7. data/Gemfile +12 -0
  8. data/LICENSE Bootstrap +21 -0
  9. data/LICENSE Lorem.txt +21 -0
  10. data/README.md +35 -0
  11. data/Rakefile +80 -0
  12. data/assets/javascript/bootstrap/alert.js +177 -0
  13. data/assets/javascript/bootstrap/button.js +166 -0
  14. data/assets/javascript/bootstrap/carousel.js +507 -0
  15. data/assets/javascript/bootstrap/collapse.js +366 -0
  16. data/assets/javascript/bootstrap/dropdown.js +488 -0
  17. data/assets/javascript/bootstrap/modal.js +584 -0
  18. data/assets/javascript/bootstrap/popover.js +205 -0
  19. data/assets/javascript/bootstrap/scrollspy.js +318 -0
  20. data/assets/javascript/bootstrap/tab.js +250 -0
  21. data/assets/javascript/bootstrap/tooltip.js +673 -0
  22. data/assets/javascript/bootstrap/util.js +131 -0
  23. data/assets/javascript/bootstrap-sprockets.js +11 -0
  24. data/assets/javascript/bootstrap.js +3926 -0
  25. data/assets/javascript/bootstrap.min.js +6 -0
  26. data/assets/javascript/lorem.js +24044 -0
  27. data/assets/stylesheets/_bootstrap-grid.scss +32 -0
  28. data/assets/stylesheets/_bootstrap-reboot.scss +12 -0
  29. data/assets/stylesheets/_bootstrap.scss +42 -0
  30. data/assets/stylesheets/bootstrap/_alert.scss +51 -0
  31. data/assets/stylesheets/bootstrap/_badge.scss +47 -0
  32. data/assets/stylesheets/bootstrap/_breadcrumb.scss +41 -0
  33. data/assets/stylesheets/bootstrap/_button-group.scss +172 -0
  34. data/assets/stylesheets/bootstrap/_buttons.scss +144 -0
  35. data/assets/stylesheets/bootstrap/_card.scss +301 -0
  36. data/assets/stylesheets/bootstrap/_carousel.scss +236 -0
  37. data/assets/stylesheets/bootstrap/_close.scss +34 -0
  38. data/assets/stylesheets/bootstrap/_code.scss +48 -0
  39. data/assets/stylesheets/bootstrap/_custom-forms.scss +421 -0
  40. data/assets/stylesheets/bootstrap/_dropdown.scss +166 -0
  41. data/assets/stylesheets/bootstrap/_forms.scss +335 -0
  42. data/assets/stylesheets/bootstrap/_functions.scss +86 -0
  43. data/assets/stylesheets/bootstrap/_grid.scss +52 -0
  44. data/assets/stylesheets/bootstrap/_images.scss +42 -0
  45. data/assets/stylesheets/bootstrap/_input-group.scss +158 -0
  46. data/assets/stylesheets/bootstrap/_jumbotron.scss +16 -0
  47. data/assets/stylesheets/bootstrap/_list-group.scss +115 -0
  48. data/assets/stylesheets/bootstrap/_media.scss +8 -0
  49. data/assets/stylesheets/bootstrap/_mixins.scss +41 -0
  50. data/assets/stylesheets/bootstrap/_modal.scss +168 -0
  51. data/assets/stylesheets/bootstrap/_nav.scss +118 -0
  52. data/assets/stylesheets/bootstrap/_navbar.scss +299 -0
  53. data/assets/stylesheets/bootstrap/_pagination.scss +78 -0
  54. data/assets/stylesheets/bootstrap/_popover.scss +183 -0
  55. data/assets/stylesheets/bootstrap/_print.scss +141 -0
  56. data/assets/stylesheets/bootstrap/_progress.scss +34 -0
  57. data/assets/stylesheets/bootstrap/_reboot.scss +480 -0
  58. data/assets/stylesheets/bootstrap/_root.scss +19 -0
  59. data/assets/stylesheets/bootstrap/_tables.scss +188 -0
  60. data/assets/stylesheets/bootstrap/_tooltip.scss +115 -0
  61. data/assets/stylesheets/bootstrap/_transitions.scss +22 -0
  62. data/assets/stylesheets/bootstrap/_type.scss +125 -0
  63. data/assets/stylesheets/bootstrap/_utilities.scss +15 -0
  64. data/assets/stylesheets/bootstrap/_variables.scss +929 -0
  65. data/assets/stylesheets/bootstrap/mixins/_alert.scss +13 -0
  66. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +21 -0
  67. data/assets/stylesheets/bootstrap/mixins/_badge.scss +12 -0
  68. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +35 -0
  69. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +5 -0
  70. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +123 -0
  71. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +109 -0
  72. data/assets/stylesheets/bootstrap/mixins/_caret.scss +66 -0
  73. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +7 -0
  74. data/assets/stylesheets/bootstrap/mixins/_float.scss +11 -0
  75. data/assets/stylesheets/bootstrap/mixins/_forms.scss +147 -0
  76. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +45 -0
  77. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +67 -0
  78. data/assets/stylesheets/bootstrap/mixins/_grid.scss +52 -0
  79. data/assets/stylesheets/bootstrap/mixins/_hover.scss +37 -0
  80. data/assets/stylesheets/bootstrap/mixins/_image.scss +36 -0
  81. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +21 -0
  82. data/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
  83. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  84. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +22 -0
  85. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +17 -0
  86. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  87. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +33 -0
  88. data/assets/stylesheets/bootstrap/mixins/_size.scss +6 -0
  89. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +30 -0
  90. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +14 -0
  91. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +13 -0
  92. data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +8 -0
  93. data/assets/stylesheets/bootstrap/mixins/_transition.scss +13 -0
  94. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +7 -0
  95. data/assets/stylesheets/bootstrap/utilities/_align.scss +8 -0
  96. data/assets/stylesheets/bootstrap/utilities/_background.scss +19 -0
  97. data/assets/stylesheets/bootstrap/utilities/_borders.scss +59 -0
  98. data/assets/stylesheets/bootstrap/utilities/_clearfix.scss +3 -0
  99. data/assets/stylesheets/bootstrap/utilities/_display.scss +38 -0
  100. data/assets/stylesheets/bootstrap/utilities/_embed.scss +52 -0
  101. data/assets/stylesheets/bootstrap/utilities/_flex.scss +51 -0
  102. data/assets/stylesheets/bootstrap/utilities/_float.scss +9 -0
  103. data/assets/stylesheets/bootstrap/utilities/_position.scss +37 -0
  104. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +11 -0
  105. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +6 -0
  106. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +12 -0
  107. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +51 -0
  108. data/assets/stylesheets/bootstrap/utilities/_text.scss +58 -0
  109. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +11 -0
  110. data/assets/stylesheets/lorem.css +23980 -0
  111. data/bin/console +14 -0
  112. data/bin/setup +8 -0
  113. data/lib/loremGem/engine.rb +12 -0
  114. data/lib/loremGem/version.rb +4 -0
  115. data/lib/loremGem.rb +74 -0
  116. data/loremGem.gemspec +50 -0
  117. data/tasks/updater/js.rb +68 -0
  118. data/tasks/updater/logger.rb +57 -0
  119. data/tasks/updater/network.rb +103 -0
  120. data/tasks/updater/scss.rb +26 -0
  121. data/tasks/updater.rb +67 -0
  122. data/test/dummy_rails/README.rdoc +3 -0
  123. data/test/dummy_rails/Rakefile +6 -0
  124. data/test/dummy_rails/app/assets/images/.keep +0 -0
  125. data/test/dummy_rails/app/assets/javascripts/application.js +7 -0
  126. data/test/dummy_rails/app/assets/stylesheets/application.sass +4 -0
  127. data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
  128. data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
  129. data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
  130. data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
  131. data/test/dummy_rails/app/views/pages/root.html.slim +58 -0
  132. data/test/dummy_rails/config/application.rb +34 -0
  133. data/test/dummy_rails/config/boot.rb +5 -0
  134. data/test/dummy_rails/config/environment.rb +5 -0
  135. data/test/dummy_rails/config/environments/development.rb +23 -0
  136. data/test/dummy_rails/config/environments/production.rb +82 -0
  137. data/test/dummy_rails/config/environments/test.rb +38 -0
  138. data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
  139. data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
  140. data/test/dummy_rails/config/initializers/inflections.rb +16 -0
  141. data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
  142. data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
  143. data/test/dummy_rails/config/initializers/session_store.rb +3 -0
  144. data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
  145. data/test/dummy_rails/config/locales/en.yml +3 -0
  146. data/test/dummy_rails/config/locales/es.yml +3 -0
  147. data/test/dummy_rails/config/routes.rb +3 -0
  148. data/test/dummy_rails/config.ru +4 -0
  149. data/test/dummy_rails/log/.keep +0 -0
  150. data/test/gemfiles/rails_4_2.gemfile +7 -0
  151. data/test/gemfiles/rails_5_0.gemfile +8 -0
  152. data/test/gemfiles/rails_5_1.gemfile +8 -0
  153. data/test/rails_test.rb +24 -0
  154. data/test/support/dummy_rails_integration.rb +29 -0
  155. data/test/support/reporting.rb +27 -0
  156. data/test/test_helper.rb +35 -0
  157. data/test/test_helper_rails.rb +6 -0
  158. metadata +480 -0
@@ -0,0 +1,32 @@
1
+ /*!
2
+ * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ @at-root {
9
+ @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
10
+ }
11
+
12
+ html {
13
+ box-sizing: border-box;
14
+ -ms-overflow-style: scrollbar;
15
+ }
16
+
17
+ *,
18
+ *::before,
19
+ *::after {
20
+ box-sizing: inherit;
21
+ }
22
+
23
+ @import "bootstrap/functions";
24
+ @import "bootstrap/variables";
25
+
26
+ @import "bootstrap/mixins/breakpoints";
27
+ @import "bootstrap/mixins/grid-framework";
28
+ @import "bootstrap/mixins/grid";
29
+
30
+ @import "bootstrap/grid";
31
+ @import "bootstrap/utilities/display";
32
+ @import "bootstrap/utilities/flex";
@@ -0,0 +1,12 @@
1
+ /*!
2
+ * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
+ */
8
+
9
+ @import "bootstrap/functions";
10
+ @import "bootstrap/variables";
11
+ @import "bootstrap/mixins";
12
+ @import "bootstrap/reboot";
@@ -0,0 +1,42 @@
1
+ /*!
2
+ * Bootstrap v4.1.1 (https://getbootstrap.com/)
3
+ * Copyright 2011-2018 The Bootstrap Authors
4
+ * Copyright 2011-2018 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+
8
+ @import "bootstrap/functions";
9
+ @import "bootstrap/variables";
10
+ @import "bootstrap/mixins";
11
+ @import "bootstrap/root";
12
+ @import "bootstrap/reboot";
13
+ @import "bootstrap/type";
14
+ @import "bootstrap/images";
15
+ @import "bootstrap/code";
16
+ @import "bootstrap/grid";
17
+ @import "bootstrap/tables";
18
+ @import "bootstrap/forms";
19
+ @import "bootstrap/buttons";
20
+ @import "bootstrap/transitions";
21
+ @import "bootstrap/dropdown";
22
+ @import "bootstrap/button-group";
23
+ @import "bootstrap/input-group";
24
+ @import "bootstrap/custom-forms";
25
+ @import "bootstrap/nav";
26
+ @import "bootstrap/navbar";
27
+ @import "bootstrap/card";
28
+ @import "bootstrap/breadcrumb";
29
+ @import "bootstrap/pagination";
30
+ @import "bootstrap/badge";
31
+ @import "bootstrap/jumbotron";
32
+ @import "bootstrap/alert";
33
+ @import "bootstrap/progress";
34
+ @import "bootstrap/media";
35
+ @import "bootstrap/list-group";
36
+ @import "bootstrap/close";
37
+ @import "bootstrap/modal";
38
+ @import "bootstrap/tooltip";
39
+ @import "bootstrap/popover";
40
+ @import "bootstrap/carousel";
41
+ @import "bootstrap/utilities";
42
+ @import "bootstrap/print";
@@ -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,47 @@
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
+ 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
+
17
+ // Empty badges collapse automatically
18
+ &:empty {
19
+ display: none;
20
+ }
21
+ }
22
+
23
+ // Quick fix for badges in buttons
24
+ .btn .badge {
25
+ position: relative;
26
+ top: -1px;
27
+ }
28
+
29
+ // Pill badges
30
+ //
31
+ // Make them extra rounded with a modifier to replace v3's badges.
32
+
33
+ .badge-pill {
34
+ padding-right: $badge-pill-padding-x;
35
+ padding-left: $badge-pill-padding-x;
36
+ @include border-radius($badge-pill-border-radius);
37
+ }
38
+
39
+ // Colors
40
+ //
41
+ // Contextual variations (linked badges get darker on :hover).
42
+
43
+ @each $color, $value in $theme-colors {
44
+ .badge-#{$color} {
45
+ @include badge-variant($value);
46
+ }
47
+ }
@@ -0,0 +1,41 @@
1
+ .breadcrumb {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5
+ margin-bottom: $breadcrumb-margin-bottom;
6
+ list-style: none;
7
+ background-color: $breadcrumb-bg;
8
+ @include border-radius($breadcrumb-border-radius);
9
+ }
10
+
11
+ .breadcrumb-item {
12
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
13
+ + .breadcrumb-item {
14
+ padding-left: $breadcrumb-item-padding;
15
+
16
+ &::before {
17
+ display: inline-block; // Suppress underlining of the separator in modern browsers
18
+ padding-right: $breadcrumb-item-padding;
19
+ color: $breadcrumb-divider-color;
20
+ content: $breadcrumb-divider;
21
+ }
22
+ }
23
+
24
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25
+ // without `<ul>`s. The `::before` pseudo-element generates an element
26
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
27
+ //
28
+ // To trick IE into suppressing the underline, we give the pseudo-element an
29
+ // underline and then immediately remove it.
30
+ + .breadcrumb-item:hover::before {
31
+ text-decoration: underline;
32
+ }
33
+ // stylelint-disable-next-line no-duplicate-selectors
34
+ + .breadcrumb-item:hover::before {
35
+ text-decoration: none;
36
+ }
37
+
38
+ &.active {
39
+ color: $breadcrumb-active-color;
40
+ }
41
+ }
@@ -0,0 +1,172 @@
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: 0 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
+ // Prevent double borders when buttons are next to each other
27
+ .btn + .btn,
28
+ .btn + .btn-group,
29
+ .btn-group + .btn,
30
+ .btn-group + .btn-group {
31
+ margin-left: -$btn-border-width;
32
+ }
33
+ }
34
+
35
+ // Optional: Group multiple button groups together for a toolbar
36
+ .btn-toolbar {
37
+ display: flex;
38
+ flex-wrap: wrap;
39
+ justify-content: flex-start;
40
+
41
+ .input-group {
42
+ width: auto;
43
+ }
44
+ }
45
+
46
+ .btn-group {
47
+ > .btn:first-child {
48
+ margin-left: 0;
49
+ }
50
+
51
+ // Reset rounded corners
52
+ > .btn:not(:last-child):not(.dropdown-toggle),
53
+ > .btn-group:not(:last-child) > .btn {
54
+ @include border-right-radius(0);
55
+ }
56
+
57
+ > .btn:not(:first-child),
58
+ > .btn-group:not(:first-child) > .btn {
59
+ @include border-left-radius(0);
60
+ }
61
+ }
62
+
63
+ // Sizing
64
+ //
65
+ // Remix the default button sizing classes into new ones for easier manipulation.
66
+
67
+ .btn-group-sm > .btn { @extend .btn-sm; }
68
+ .btn-group-lg > .btn { @extend .btn-lg; }
69
+
70
+
71
+ //
72
+ // Split button dropdowns
73
+ //
74
+
75
+ .dropdown-toggle-split {
76
+ padding-right: $btn-padding-x * .75;
77
+ padding-left: $btn-padding-x * .75;
78
+
79
+ &::after,
80
+ .dropup &::after,
81
+ .dropright &::after {
82
+ margin-left: 0;
83
+ }
84
+
85
+ .dropleft &::before {
86
+ margin-right: 0;
87
+ }
88
+ }
89
+
90
+ .btn-sm + .dropdown-toggle-split {
91
+ padding-right: $btn-padding-x-sm * .75;
92
+ padding-left: $btn-padding-x-sm * .75;
93
+ }
94
+
95
+ .btn-lg + .dropdown-toggle-split {
96
+ padding-right: $btn-padding-x-lg * .75;
97
+ padding-left: $btn-padding-x-lg * .75;
98
+ }
99
+
100
+
101
+ // The clickable button for toggling the menu
102
+ // Set the same inset shadow as the :active state
103
+ .btn-group.show .dropdown-toggle {
104
+ @include box-shadow($btn-active-box-shadow);
105
+
106
+ // Show no shadow for `.btn-link` since it has no other button styles.
107
+ &.btn-link {
108
+ @include box-shadow(none);
109
+ }
110
+ }
111
+
112
+
113
+ //
114
+ // Vertical button groups
115
+ //
116
+
117
+ .btn-group-vertical {
118
+ flex-direction: column;
119
+ align-items: flex-start;
120
+ justify-content: center;
121
+
122
+ .btn,
123
+ .btn-group {
124
+ width: 100%;
125
+ }
126
+
127
+ > .btn + .btn,
128
+ > .btn + .btn-group,
129
+ > .btn-group + .btn,
130
+ > .btn-group + .btn-group {
131
+ margin-top: -$btn-border-width;
132
+ margin-left: 0;
133
+ }
134
+
135
+ // Reset rounded corners
136
+ > .btn:not(:last-child):not(.dropdown-toggle),
137
+ > .btn-group:not(:last-child) > .btn {
138
+ @include border-bottom-radius(0);
139
+ }
140
+
141
+ > .btn:not(:first-child),
142
+ > .btn-group:not(:first-child) > .btn {
143
+ @include border-top-radius(0);
144
+ }
145
+ }
146
+
147
+
148
+ // Checkbox and radio options
149
+ //
150
+ // In order to support the browser's form validation feedback, powered by the
151
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
152
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
153
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
154
+ // certain cases which is prevented by using `clip` and `pointer-events`.
155
+ // This way, we ensure a DOM element is visible to position the popover from.
156
+ //
157
+ // See https://github.com/twbs/bootstrap/pull/12794 and
158
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
159
+
160
+ .btn-group-toggle {
161
+ > .btn,
162
+ > .btn-group > .btn {
163
+ margin-bottom: 0; // Override default `<label>` value
164
+
165
+ input[type="radio"],
166
+ input[type="checkbox"] {
167
+ position: absolute;
168
+ clip: rect(0, 0, 0, 0);
169
+ pointer-events: none;
170
+ }
171
+ }
172
+ }
@@ -0,0 +1,144 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ //
4
+ // Base styles
5
+ //
6
+
7
+ .btn {
8
+ display: inline-block;
9
+ font-weight: $btn-font-weight;
10
+ text-align: center;
11
+ white-space: nowrap;
12
+ vertical-align: middle;
13
+ user-select: none;
14
+ border: $btn-border-width solid transparent;
15
+ @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
16
+ @include transition($btn-transition);
17
+
18
+ // Share hover and focus styles
19
+ @include hover-focus {
20
+ text-decoration: none;
21
+ }
22
+
23
+ &:focus,
24
+ &.focus {
25
+ outline: 0;
26
+ box-shadow: $btn-focus-box-shadow;
27
+ }
28
+
29
+ // Disabled comes first so active can properly restyle
30
+ &.disabled,
31
+ &:disabled {
32
+ opacity: $btn-disabled-opacity;
33
+ @include box-shadow(none);
34
+ }
35
+
36
+ // Opinionated: add "hand" cursor to non-disabled .btn elements
37
+ &:not(:disabled):not(.disabled) {
38
+ cursor: pointer;
39
+ }
40
+
41
+ &:not(:disabled):not(.disabled):active,
42
+ &:not(:disabled):not(.disabled).active {
43
+ background-image: none;
44
+ @include box-shadow($btn-active-box-shadow);
45
+
46
+ &:focus {
47
+ @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
48
+ }
49
+ }
50
+ }
51
+
52
+ // Future-proof disabling of clicks on `<a>` elements
53
+ a.btn.disabled,
54
+ fieldset:disabled a.btn {
55
+ pointer-events: none;
56
+ }
57
+
58
+
59
+ //
60
+ // Alternate buttons
61
+ //
62
+
63
+ @each $color, $value in $theme-colors {
64
+ .btn-#{$color} {
65
+ @include button-variant($value, $value);
66
+ }
67
+ }
68
+
69
+ @each $color, $value in $theme-colors {
70
+ .btn-outline-#{$color} {
71
+ @include button-outline-variant($value);
72
+ }
73
+ }
74
+
75
+
76
+ //
77
+ // Link buttons
78
+ //
79
+
80
+ // Make a button look and behave like a link
81
+ .btn-link {
82
+ font-weight: $font-weight-normal;
83
+ color: $link-color;
84
+ background-color: transparent;
85
+
86
+ @include hover {
87
+ color: $link-hover-color;
88
+ text-decoration: $link-hover-decoration;
89
+ background-color: transparent;
90
+ border-color: transparent;
91
+ }
92
+
93
+ &:focus,
94
+ &.focus {
95
+ text-decoration: $link-hover-decoration;
96
+ border-color: transparent;
97
+ box-shadow: none;
98
+ }
99
+
100
+ &:disabled,
101
+ &.disabled {
102
+ color: $btn-link-disabled-color;
103
+ pointer-events: none;
104
+ }
105
+
106
+ // No need for an active state here
107
+ }
108
+
109
+
110
+ //
111
+ // Button Sizes
112
+ //
113
+
114
+ .btn-lg {
115
+ @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
116
+ }
117
+
118
+ .btn-sm {
119
+ @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
120
+ }
121
+
122
+
123
+ //
124
+ // Block button
125
+ //
126
+
127
+ .btn-block {
128
+ display: block;
129
+ width: 100%;
130
+
131
+ // Vertically space out multiple block buttons
132
+ + .btn-block {
133
+ margin-top: $btn-block-spacing-y;
134
+ }
135
+ }
136
+
137
+ // Specificity overrides
138
+ input[type="submit"],
139
+ input[type="reset"],
140
+ input[type="button"] {
141
+ &.btn-block {
142
+ width: 100%;
143
+ }
144
+ }