monatomic 0.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (145) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.travis.yml +3 -0
  4. data/Gemfile +4 -0
  5. data/LICENSE.txt +21 -0
  6. data/README.md +88 -0
  7. data/Rakefile +19 -0
  8. data/bin/console +11 -0
  9. data/bin/setup +7 -0
  10. data/examples/simple.rb +23 -0
  11. data/lib/monatomic.rb +14 -0
  12. data/lib/monatomic/application.rb +52 -0
  13. data/lib/monatomic/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  14. data/lib/monatomic/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  15. data/lib/monatomic/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  16. data/lib/monatomic/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  17. data/lib/monatomic/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  18. data/lib/monatomic/assets/javascripts/application.js.coffee +20 -0
  19. data/lib/monatomic/assets/javascripts/bootstrap-datepicker.js +1782 -0
  20. data/lib/monatomic/assets/javascripts/bootstrap/affix.js +162 -0
  21. data/lib/monatomic/assets/javascripts/bootstrap/alert.js +94 -0
  22. data/lib/monatomic/assets/javascripts/bootstrap/button.js +116 -0
  23. data/lib/monatomic/assets/javascripts/bootstrap/carousel.js +237 -0
  24. data/lib/monatomic/assets/javascripts/bootstrap/collapse.js +211 -0
  25. data/lib/monatomic/assets/javascripts/bootstrap/dropdown.js +161 -0
  26. data/lib/monatomic/assets/javascripts/bootstrap/modal.js +339 -0
  27. data/lib/monatomic/assets/javascripts/bootstrap/popover.js +108 -0
  28. data/lib/monatomic/assets/javascripts/bootstrap/scrollspy.js +172 -0
  29. data/lib/monatomic/assets/javascripts/bootstrap/tab.js +153 -0
  30. data/lib/monatomic/assets/javascripts/bootstrap/tooltip.js +476 -0
  31. data/lib/monatomic/assets/javascripts/bootstrap/transition.js +59 -0
  32. data/lib/monatomic/assets/javascripts/jquery-2.1.3.min.js +4 -0
  33. data/lib/monatomic/assets/javascripts/jquery_ujs.js +477 -0
  34. data/lib/monatomic/assets/javascripts/selectize.min.js +3 -0
  35. data/lib/monatomic/assets/stylesheets/application.scss +90 -0
  36. data/lib/monatomic/assets/stylesheets/bootstrap-datepicker3.css +752 -0
  37. data/lib/monatomic/assets/stylesheets/bootstrap.scss +60 -0
  38. data/lib/monatomic/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  39. data/lib/monatomic/assets/stylesheets/bootstrap/_badges.scss +68 -0
  40. data/lib/monatomic/assets/stylesheets/bootstrap/_breadcrumbs.scss +26 -0
  41. data/lib/monatomic/assets/stylesheets/bootstrap/_button-groups.scss +243 -0
  42. data/lib/monatomic/assets/stylesheets/bootstrap/_buttons.scss +160 -0
  43. data/lib/monatomic/assets/stylesheets/bootstrap/_carousel.scss +269 -0
  44. data/lib/monatomic/assets/stylesheets/bootstrap/_close.scss +36 -0
  45. data/lib/monatomic/assets/stylesheets/bootstrap/_code.scss +69 -0
  46. data/lib/monatomic/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  47. data/lib/monatomic/assets/stylesheets/bootstrap/_dropdowns.scss +214 -0
  48. data/lib/monatomic/assets/stylesheets/bootstrap/_forms.scss +578 -0
  49. data/lib/monatomic/assets/stylesheets/bootstrap/_glyphicons.scss +305 -0
  50. data/lib/monatomic/assets/stylesheets/bootstrap/_grid.scss +84 -0
  51. data/lib/monatomic/assets/stylesheets/bootstrap/_input-groups.scss +166 -0
  52. data/lib/monatomic/assets/stylesheets/bootstrap/_jumbotron.scss +50 -0
  53. data/lib/monatomic/assets/stylesheets/bootstrap/_labels.scss +66 -0
  54. data/lib/monatomic/assets/stylesheets/bootstrap/_list-group.scss +124 -0
  55. data/lib/monatomic/assets/stylesheets/bootstrap/_media.scss +61 -0
  56. data/lib/monatomic/assets/stylesheets/bootstrap/_mixins.scss +39 -0
  57. data/lib/monatomic/assets/stylesheets/bootstrap/_modals.scss +150 -0
  58. data/lib/monatomic/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  59. data/lib/monatomic/assets/stylesheets/bootstrap/_navs.scss +242 -0
  60. data/lib/monatomic/assets/stylesheets/bootstrap/_normalize.scss +427 -0
  61. data/lib/monatomic/assets/stylesheets/bootstrap/_pager.scss +54 -0
  62. data/lib/monatomic/assets/stylesheets/bootstrap/_pagination.scss +88 -0
  63. data/lib/monatomic/assets/stylesheets/bootstrap/_panels.scss +265 -0
  64. data/lib/monatomic/assets/stylesheets/bootstrap/_popovers.scss +135 -0
  65. data/lib/monatomic/assets/stylesheets/bootstrap/_print.scss +107 -0
  66. data/lib/monatomic/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  67. data/lib/monatomic/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  68. data/lib/monatomic/assets/stylesheets/bootstrap/_responsive-utilities.scss +177 -0
  69. data/lib/monatomic/assets/stylesheets/bootstrap/_scaffolding.scss +162 -0
  70. data/lib/monatomic/assets/stylesheets/bootstrap/_tables.scss +234 -0
  71. data/lib/monatomic/assets/stylesheets/bootstrap/_theme.scss +273 -0
  72. data/lib/monatomic/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  73. data/lib/monatomic/assets/stylesheets/bootstrap/_tooltip.scss +102 -0
  74. data/lib/monatomic/assets/stylesheets/bootstrap/_type.scss +298 -0
  75. data/lib/monatomic/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  76. data/lib/monatomic/assets/stylesheets/bootstrap/_variables.scss +866 -0
  77. data/lib/monatomic/assets/stylesheets/bootstrap/_wells.scss +29 -0
  78. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  79. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  80. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  81. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  82. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  83. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  84. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  85. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  86. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  87. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  88. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  89. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  90. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  91. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  92. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  93. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  94. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  95. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  96. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  97. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  98. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  99. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  100. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  101. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  102. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  103. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  104. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  105. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  106. data/lib/monatomic/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  107. data/lib/monatomic/assets/stylesheets/selectize.bootstrap3.css +401 -0
  108. data/lib/monatomic/controller.rb +154 -0
  109. data/lib/monatomic/helper.rb +114 -0
  110. data/lib/monatomic/locales/en.yml +21 -0
  111. data/lib/monatomic/models.rb +2 -0
  112. data/lib/monatomic/models/model.rb +248 -0
  113. data/lib/monatomic/models/user.rb +37 -0
  114. data/lib/monatomic/public/assets/application-d537e55235fbe513c876112de81f0334.js +4578 -0
  115. data/lib/monatomic/public/assets/application-d537e55235fbe513c876112de81f0334.js.gz +0 -0
  116. data/lib/monatomic/public/assets/application-e21e062fc2a24448e198c019f9c0721c.css +6865 -0
  117. data/lib/monatomic/public/assets/application-e21e062fc2a24448e198c019f9c0721c.css.gz +0 -0
  118. data/lib/monatomic/public/assets/bootstrap/glyphicons-halflings-regular-513af1c5182439377effce36c7813d33.eot +0 -0
  119. data/lib/monatomic/public/assets/bootstrap/glyphicons-halflings-regular-795f110aa27b39dffe83d4c7debd366f.ttf +0 -0
  120. data/lib/monatomic/public/assets/bootstrap/glyphicons-halflings-regular-9b034d31f97c53cfae213870811ba74d.svg +288 -0
  121. data/lib/monatomic/public/assets/bootstrap/glyphicons-halflings-regular-d2533ee9537f83620bb353cf5cddee17.woff +0 -0
  122. data/lib/monatomic/public/assets/manifest-e8294e69f9d97cc425dcce90af2fa06d.json +1 -0
  123. data/lib/monatomic/task.rb +4 -0
  124. data/lib/monatomic/types.rb +50 -0
  125. data/lib/monatomic/version.rb +3 -0
  126. data/lib/monatomic/views/edit.erb +29 -0
  127. data/lib/monatomic/views/editors/date.erb +6 -0
  128. data/lib/monatomic/views/editors/enumeration.erb +19 -0
  129. data/lib/monatomic/views/editors/integer.erb +6 -0
  130. data/lib/monatomic/views/editors/object.erb +1 -0
  131. data/lib/monatomic/views/editors/password.erb +6 -0
  132. data/lib/monatomic/views/editors/prompt.erb +19 -0
  133. data/lib/monatomic/views/editors/string.erb +6 -0
  134. data/lib/monatomic/views/editors/tags.erb +18 -0
  135. data/lib/monatomic/views/editors/text.erb +6 -0
  136. data/lib/monatomic/views/home.erb +1 -0
  137. data/lib/monatomic/views/index.erb +69 -0
  138. data/lib/monatomic/views/layout.erb +54 -0
  139. data/lib/monatomic/views/login.erb +62 -0
  140. data/lib/monatomic/views/presenters/object.erb +3 -0
  141. data/lib/monatomic/views/presenters/tags.erb +3 -0
  142. data/lib/monatomic/views/presenters/text.erb +1 -0
  143. data/lib/monatomic/views/show.erb +27 -0
  144. data/monatomic.gemspec +33 -0
  145. metadata +328 -0
@@ -0,0 +1,60 @@
1
+ @function twbs-font-path($path) {
2
+ @return font-path($path);
3
+ }
4
+
5
+ @function twbs-image-path($path) {
6
+ @return image-path($path);
7
+ }
8
+
9
+ $bootstrap-sass-asset-helper: true;
10
+
11
+ // Core variables and mixins
12
+ @import "bootstrap/variables";
13
+ @import "bootstrap/mixins";
14
+
15
+ // Reset and dependencies
16
+ @import "bootstrap/normalize";
17
+ @import "bootstrap/print";
18
+ @import "bootstrap/glyphicons";
19
+
20
+ // Core CSS
21
+ @import "bootstrap/scaffolding";
22
+ @import "bootstrap/type";
23
+ @import "bootstrap/code";
24
+ @import "bootstrap/grid";
25
+ @import "bootstrap/tables";
26
+ @import "bootstrap/forms";
27
+ @import "bootstrap/buttons";
28
+
29
+ // Components
30
+ @import "bootstrap/component-animations";
31
+ @import "bootstrap/dropdowns";
32
+ @import "bootstrap/button-groups";
33
+ @import "bootstrap/input-groups";
34
+ @import "bootstrap/navs";
35
+ @import "bootstrap/navbar";
36
+ @import "bootstrap/breadcrumbs";
37
+ @import "bootstrap/pagination";
38
+ @import "bootstrap/pager";
39
+ @import "bootstrap/labels";
40
+ @import "bootstrap/badges";
41
+ @import "bootstrap/jumbotron";
42
+ @import "bootstrap/thumbnails";
43
+ @import "bootstrap/alerts";
44
+ @import "bootstrap/progress-bars";
45
+ @import "bootstrap/media";
46
+ @import "bootstrap/list-group";
47
+ @import "bootstrap/panels";
48
+ @import "bootstrap/responsive-embed";
49
+ @import "bootstrap/wells";
50
+ @import "bootstrap/close";
51
+
52
+ // Components w/ JavaScript
53
+ @import "bootstrap/modals";
54
+ @import "bootstrap/tooltip";
55
+ @import "bootstrap/popovers";
56
+ @import "bootstrap/carousel";
57
+
58
+ // Utility classes
59
+ @import "bootstrap/utilities";
60
+ @import "bootstrap/responsive-utilities";
@@ -0,0 +1,73 @@
1
+ //
2
+ // Alerts
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // -------------------------
8
+
9
+ .alert {
10
+ padding: $alert-padding;
11
+ margin-bottom: $line-height-computed;
12
+ border: 1px solid transparent;
13
+ border-radius: $alert-border-radius;
14
+
15
+ // Headings for larger alerts
16
+ h4 {
17
+ margin-top: 0;
18
+ // Specified for the h4 to prevent conflicts of changing $headings-color
19
+ color: inherit;
20
+ }
21
+
22
+ // Provide class for links that match alerts
23
+ .alert-link {
24
+ font-weight: $alert-link-font-weight;
25
+ }
26
+
27
+ // Improve alignment and spacing of inner content
28
+ > p,
29
+ > ul {
30
+ margin-bottom: 0;
31
+ }
32
+
33
+ > p + p {
34
+ margin-top: 5px;
35
+ }
36
+ }
37
+
38
+ // Dismissible alerts
39
+ //
40
+ // Expand the right padding and account for the close button's positioning.
41
+
42
+ .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
43
+ .alert-dismissible {
44
+ padding-right: ($alert-padding + 20);
45
+
46
+ // Adjust close link position
47
+ .close {
48
+ position: relative;
49
+ top: -2px;
50
+ right: -21px;
51
+ color: inherit;
52
+ }
53
+ }
54
+
55
+ // Alternate styles
56
+ //
57
+ // Generate contextual modifier classes for colorizing the alert.
58
+
59
+ .alert-success {
60
+ @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
61
+ }
62
+
63
+ .alert-info {
64
+ @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
65
+ }
66
+
67
+ .alert-warning {
68
+ @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
69
+ }
70
+
71
+ .alert-danger {
72
+ @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
73
+ }
@@ -0,0 +1,68 @@
1
+ //
2
+ // Badges
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base class
7
+ .badge {
8
+ display: inline-block;
9
+ min-width: 10px;
10
+ padding: 3px 7px;
11
+ font-size: $font-size-small;
12
+ font-weight: $badge-font-weight;
13
+ color: $badge-color;
14
+ line-height: $badge-line-height;
15
+ vertical-align: baseline;
16
+ white-space: nowrap;
17
+ text-align: center;
18
+ background-color: $badge-bg;
19
+ border-radius: $badge-border-radius;
20
+
21
+ // Empty badges collapse automatically (not available in IE8)
22
+ &:empty {
23
+ display: none;
24
+ }
25
+
26
+ // Quick fix for badges in buttons
27
+ .btn & {
28
+ position: relative;
29
+ top: -1px;
30
+ }
31
+
32
+ .btn-xs &,
33
+ .btn-group-xs > .btn & {
34
+ top: 0;
35
+ padding: 1px 5px;
36
+ }
37
+
38
+ // [converter] extracted a& to a.badge
39
+
40
+ // Account for badges in navs
41
+ .list-group-item.active > &,
42
+ .nav-pills > .active > a > & {
43
+ color: $badge-active-color;
44
+ background-color: $badge-active-bg;
45
+ }
46
+
47
+ .list-group-item > & {
48
+ float: right;
49
+ }
50
+
51
+ .list-group-item > & + & {
52
+ margin-right: 5px;
53
+ }
54
+
55
+ .nav-pills > li > a > & {
56
+ margin-left: 3px;
57
+ }
58
+ }
59
+
60
+ // Hover state, but only for links
61
+ a.badge {
62
+ &:hover,
63
+ &:focus {
64
+ color: $badge-link-hover-color;
65
+ text-decoration: none;
66
+ cursor: pointer;
67
+ }
68
+ }
@@ -0,0 +1,26 @@
1
+ //
2
+ // Breadcrumbs
3
+ // --------------------------------------------------
4
+
5
+
6
+ .breadcrumb {
7
+ padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
8
+ margin-bottom: $line-height-computed;
9
+ list-style: none;
10
+ background-color: $breadcrumb-bg;
11
+ border-radius: $border-radius-base;
12
+
13
+ > li {
14
+ display: inline-block;
15
+
16
+ + li:before {
17
+ content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
18
+ padding: 0 5px;
19
+ color: $breadcrumb-color;
20
+ }
21
+ }
22
+
23
+ > .active {
24
+ color: $breadcrumb-active-color;
25
+ }
26
+ }
@@ -0,0 +1,243 @@
1
+ //
2
+ // Button groups
3
+ // --------------------------------------------------
4
+
5
+ // Make the div behave like a button
6
+ .btn-group,
7
+ .btn-group-vertical {
8
+ position: relative;
9
+ display: inline-block;
10
+ vertical-align: middle; // match .btn alignment given font-size hack above
11
+ > .btn {
12
+ position: relative;
13
+ float: left;
14
+ // Bring the "active" button to the front
15
+ &:hover,
16
+ &:focus,
17
+ &:active,
18
+ &.active {
19
+ z-index: 2;
20
+ }
21
+ }
22
+ }
23
+
24
+ // Prevent double borders when buttons are next to each other
25
+ .btn-group {
26
+ .btn + .btn,
27
+ .btn + .btn-group,
28
+ .btn-group + .btn,
29
+ .btn-group + .btn-group {
30
+ margin-left: -1px;
31
+ }
32
+ }
33
+
34
+ // Optional: Group multiple button groups together for a toolbar
35
+ .btn-toolbar {
36
+ margin-left: -5px; // Offset the first child's margin
37
+ @include clearfix;
38
+
39
+ .btn-group,
40
+ .input-group {
41
+ float: left;
42
+ }
43
+ > .btn,
44
+ > .btn-group,
45
+ > .input-group {
46
+ margin-left: 5px;
47
+ }
48
+ }
49
+
50
+ .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
51
+ border-radius: 0;
52
+ }
53
+
54
+ // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
55
+ .btn-group > .btn:first-child {
56
+ margin-left: 0;
57
+ &:not(:last-child):not(.dropdown-toggle) {
58
+ @include border-right-radius(0);
59
+ }
60
+ }
61
+ // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
62
+ .btn-group > .btn:last-child:not(:first-child),
63
+ .btn-group > .dropdown-toggle:not(:first-child) {
64
+ @include border-left-radius(0);
65
+ }
66
+
67
+ // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
68
+ .btn-group > .btn-group {
69
+ float: left;
70
+ }
71
+ .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
72
+ border-radius: 0;
73
+ }
74
+ .btn-group > .btn-group:first-child:not(:last-child) {
75
+ > .btn:last-child,
76
+ > .dropdown-toggle {
77
+ @include border-right-radius(0);
78
+ }
79
+ }
80
+ .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
81
+ @include border-left-radius(0);
82
+ }
83
+
84
+ // On active and open, don't show outline
85
+ .btn-group .dropdown-toggle:active,
86
+ .btn-group.open .dropdown-toggle {
87
+ outline: 0;
88
+ }
89
+
90
+
91
+ // Sizing
92
+ //
93
+ // Remix the default button sizing classes into new ones for easier manipulation.
94
+
95
+ .btn-group-xs > .btn { @extend .btn-xs; }
96
+ .btn-group-sm > .btn { @extend .btn-sm; }
97
+ .btn-group-lg > .btn { @extend .btn-lg; }
98
+
99
+
100
+ // Split button dropdowns
101
+ // ----------------------
102
+
103
+ // Give the line between buttons some depth
104
+ .btn-group > .btn + .dropdown-toggle {
105
+ padding-left: 8px;
106
+ padding-right: 8px;
107
+ }
108
+ .btn-group > .btn-lg + .dropdown-toggle {
109
+ padding-left: 12px;
110
+ padding-right: 12px;
111
+ }
112
+
113
+ // The clickable button for toggling the menu
114
+ // Remove the gradient and set the same inset shadow as the :active state
115
+ .btn-group.open .dropdown-toggle {
116
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
117
+
118
+ // Show no shadow for `.btn-link` since it has no other button styles.
119
+ &.btn-link {
120
+ @include box-shadow(none);
121
+ }
122
+ }
123
+
124
+
125
+ // Reposition the caret
126
+ .btn .caret {
127
+ margin-left: 0;
128
+ }
129
+ // Carets in other button sizes
130
+ .btn-lg .caret {
131
+ border-width: $caret-width-large $caret-width-large 0;
132
+ border-bottom-width: 0;
133
+ }
134
+ // Upside down carets for .dropup
135
+ .dropup .btn-lg .caret {
136
+ border-width: 0 $caret-width-large $caret-width-large;
137
+ }
138
+
139
+
140
+ // Vertical button groups
141
+ // ----------------------
142
+
143
+ .btn-group-vertical {
144
+ > .btn,
145
+ > .btn-group,
146
+ > .btn-group > .btn {
147
+ display: block;
148
+ float: none;
149
+ width: 100%;
150
+ max-width: 100%;
151
+ }
152
+
153
+ // Clear floats so dropdown menus can be properly placed
154
+ > .btn-group {
155
+ @include clearfix;
156
+ > .btn {
157
+ float: none;
158
+ }
159
+ }
160
+
161
+ > .btn + .btn,
162
+ > .btn + .btn-group,
163
+ > .btn-group + .btn,
164
+ > .btn-group + .btn-group {
165
+ margin-top: -1px;
166
+ margin-left: 0;
167
+ }
168
+ }
169
+
170
+ .btn-group-vertical > .btn {
171
+ &:not(:first-child):not(:last-child) {
172
+ border-radius: 0;
173
+ }
174
+ &:first-child:not(:last-child) {
175
+ border-top-right-radius: $border-radius-base;
176
+ @include border-bottom-radius(0);
177
+ }
178
+ &:last-child:not(:first-child) {
179
+ border-bottom-left-radius: $border-radius-base;
180
+ @include border-top-radius(0);
181
+ }
182
+ }
183
+ .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
184
+ border-radius: 0;
185
+ }
186
+ .btn-group-vertical > .btn-group:first-child:not(:last-child) {
187
+ > .btn:last-child,
188
+ > .dropdown-toggle {
189
+ @include border-bottom-radius(0);
190
+ }
191
+ }
192
+ .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
193
+ @include border-top-radius(0);
194
+ }
195
+
196
+
197
+ // Justified button groups
198
+ // ----------------------
199
+
200
+ .btn-group-justified {
201
+ display: table;
202
+ width: 100%;
203
+ table-layout: fixed;
204
+ border-collapse: separate;
205
+ > .btn,
206
+ > .btn-group {
207
+ float: none;
208
+ display: table-cell;
209
+ width: 1%;
210
+ }
211
+ > .btn-group .btn {
212
+ width: 100%;
213
+ }
214
+
215
+ > .btn-group .dropdown-menu {
216
+ left: auto;
217
+ }
218
+ }
219
+
220
+
221
+ // Checkbox and radio options
222
+ //
223
+ // In order to support the browser's form validation feedback, powered by the
224
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
225
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
226
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
227
+ // certain cases which is prevented by using `clip` and `pointer-events`.
228
+ // This way, we ensure a DOM element is visible to position the popover from.
229
+ //
230
+ // See https://github.com/twbs/bootstrap/pull/12794 and
231
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
232
+
233
+ [data-toggle="buttons"] {
234
+ > .btn,
235
+ > .btn-group > .btn {
236
+ input[type="radio"],
237
+ input[type="checkbox"] {
238
+ position: absolute;
239
+ clip: rect(0,0,0,0);
240
+ pointer-events: none;
241
+ }
242
+ }
243
+ }