apx-docs-theme 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/footer.html +10 -0
  5. data/_includes/head.html +14 -0
  6. data/_includes/js_files.html +8 -0
  7. data/_includes/pages_nav.html +40 -0
  8. data/_includes/section_nav.html +52 -0
  9. data/_includes/toc.html +87 -0
  10. data/_includes/topnav.html +37 -0
  11. data/_layouts/default.html +20 -0
  12. data/_layouts/docs.html +36 -0
  13. data/_layouts/page.html +15 -0
  14. data/_layouts/post.html +43 -0
  15. data/_sass/_bootstrap.scss +56 -0
  16. data/_sass/_syntax-highlighting.scss +71 -0
  17. data/_sass/_typeahead.scss +59 -0
  18. data/_sass/bootstrap/_alerts.scss +73 -0
  19. data/_sass/bootstrap/_badges.scss +68 -0
  20. data/_sass/bootstrap/_breadcrumbs.scss +28 -0
  21. data/_sass/bootstrap/_button-groups.scss +244 -0
  22. data/_sass/bootstrap/_buttons.scss +168 -0
  23. data/_sass/bootstrap/_carousel.scss +270 -0
  24. data/_sass/bootstrap/_close.scss +36 -0
  25. data/_sass/bootstrap/_code.scss +69 -0
  26. data/_sass/bootstrap/_component-animations.scss +37 -0
  27. data/_sass/bootstrap/_dropdowns.scss +216 -0
  28. data/_sass/bootstrap/_forms.scss +617 -0
  29. data/_sass/bootstrap/_glyphicons.scss +307 -0
  30. data/_sass/bootstrap/_grid.scss +84 -0
  31. data/_sass/bootstrap/_input-groups.scss +171 -0
  32. data/_sass/bootstrap/_jumbotron.scss +54 -0
  33. data/_sass/bootstrap/_labels.scss +66 -0
  34. data/_sass/bootstrap/_list-group.scss +130 -0
  35. data/_sass/bootstrap/_media.scss +66 -0
  36. data/_sass/bootstrap/_mixins.scss +40 -0
  37. data/_sass/bootstrap/_modals.scss +150 -0
  38. data/_sass/bootstrap/_navbar.scss +662 -0
  39. data/_sass/bootstrap/_navs.scss +242 -0
  40. data/_sass/bootstrap/_normalize.scss +424 -0
  41. data/_sass/bootstrap/_pager.scss +54 -0
  42. data/_sass/bootstrap/_pagination.scss +89 -0
  43. data/_sass/bootstrap/_panels.scss +271 -0
  44. data/_sass/bootstrap/_popovers.scss +131 -0
  45. data/_sass/bootstrap/_print.scss +101 -0
  46. data/_sass/bootstrap/_progress-bars.scss +87 -0
  47. data/_sass/bootstrap/_responsive-embed.scss +35 -0
  48. data/_sass/bootstrap/_responsive-utilities.scss +179 -0
  49. data/_sass/bootstrap/_scaffolding.scss +161 -0
  50. data/_sass/bootstrap/_tables.scss +234 -0
  51. data/_sass/bootstrap/_theme.scss +291 -0
  52. data/_sass/bootstrap/_thumbnails.scss +38 -0
  53. data/_sass/bootstrap/_tooltip.scss +101 -0
  54. data/_sass/bootstrap/_type.scss +298 -0
  55. data/_sass/bootstrap/_utilities.scss +55 -0
  56. data/_sass/bootstrap/_variables.scss +874 -0
  57. data/_sass/bootstrap/_wells.scss +29 -0
  58. data/_sass/bootstrap/mixins/_alerts.scss +14 -0
  59. data/_sass/bootstrap/mixins/_background-variant.scss +12 -0
  60. data/_sass/bootstrap/mixins/_border-radius.scss +18 -0
  61. data/_sass/bootstrap/mixins/_buttons.scss +65 -0
  62. data/_sass/bootstrap/mixins/_center-block.scss +7 -0
  63. data/_sass/bootstrap/mixins/_clearfix.scss +22 -0
  64. data/_sass/bootstrap/mixins/_forms.scss +88 -0
  65. data/_sass/bootstrap/mixins/_gradients.scss +58 -0
  66. data/_sass/bootstrap/mixins/_grid-framework.scss +81 -0
  67. data/_sass/bootstrap/mixins/_grid.scss +122 -0
  68. data/_sass/bootstrap/mixins/_hide-text.scss +21 -0
  69. data/_sass/bootstrap/mixins/_image.scss +33 -0
  70. data/_sass/bootstrap/mixins/_labels.scss +12 -0
  71. data/_sass/bootstrap/mixins/_list-group.scss +32 -0
  72. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  73. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  74. data/_sass/bootstrap/mixins/_opacity.scss +8 -0
  75. data/_sass/bootstrap/mixins/_pagination.scss +24 -0
  76. data/_sass/bootstrap/mixins/_panels.scss +24 -0
  77. data/_sass/bootstrap/mixins/_progress-bar.scss +10 -0
  78. data/_sass/bootstrap/mixins/_reset-filter.scss +8 -0
  79. data/_sass/bootstrap/mixins/_reset-text.scss +18 -0
  80. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  81. data/_sass/bootstrap/mixins/_responsive-visibility.scss +21 -0
  82. data/_sass/bootstrap/mixins/_size.scss +10 -0
  83. data/_sass/bootstrap/mixins/_tab-focus.scss +9 -0
  84. data/_sass/bootstrap/mixins/_table-row.scss +28 -0
  85. data/_sass/bootstrap/mixins/_text-emphasis.scss +12 -0
  86. data/_sass/bootstrap/mixins/_text-overflow.scss +8 -0
  87. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  88. data/assets/css/font-awesome.min.css +4 -0
  89. data/assets/css/main.scss +94 -0
  90. data/assets/fonts/FontAwesome.otf +0 -0
  91. data/assets/fonts/fontawesome-webfont.eot +0 -0
  92. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  93. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  94. data/assets/fonts/fontawesome-webfont.woff +0 -0
  95. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  96. data/assets/img/bg.jpg +0 -0
  97. data/assets/img/logo.png +0 -0
  98. data/assets/js/bootstrap.min.js +7 -0
  99. data/assets/js/main.js +34 -0
  100. data/assets/js/typeahead.bundle.min.js +8 -0
  101. metadata +255 -0
@@ -0,0 +1,56 @@
1
+ /*!
2
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
3
+ * Copyright 2011-2016 Twitter, Inc.
4
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
+ */
6
+
7
+ // Core variables and mixins
8
+ @import "bootstrap/variables";
9
+ @import "bootstrap/mixins";
10
+
11
+ // Reset and dependencies
12
+ @import "bootstrap/normalize";
13
+ @import "bootstrap/print";
14
+ @import "bootstrap/glyphicons";
15
+
16
+ // Core CSS
17
+ @import "bootstrap/scaffolding";
18
+ @import "bootstrap/type";
19
+ @import "bootstrap/code";
20
+ @import "bootstrap/grid";
21
+ @import "bootstrap/tables";
22
+ @import "bootstrap/forms";
23
+ @import "bootstrap/buttons";
24
+
25
+ // Components
26
+ @import "bootstrap/component-animations";
27
+ @import "bootstrap/dropdowns";
28
+ @import "bootstrap/button-groups";
29
+ @import "bootstrap/input-groups";
30
+ @import "bootstrap/navs";
31
+ @import "bootstrap/navbar";
32
+ @import "bootstrap/breadcrumbs";
33
+ @import "bootstrap/pagination";
34
+ @import "bootstrap/pager";
35
+ @import "bootstrap/labels";
36
+ @import "bootstrap/badges";
37
+ @import "bootstrap/jumbotron";
38
+ @import "bootstrap/thumbnails";
39
+ @import "bootstrap/alerts";
40
+ @import "bootstrap/progress-bars";
41
+ @import "bootstrap/media";
42
+ @import "bootstrap/list-group";
43
+ @import "bootstrap/panels";
44
+ @import "bootstrap/responsive-embed";
45
+ @import "bootstrap/wells";
46
+ @import "bootstrap/close";
47
+
48
+ // Components w/ JavaScript
49
+ @import "bootstrap/modals";
50
+ @import "bootstrap/tooltip";
51
+ @import "bootstrap/popovers";
52
+ @import "bootstrap/carousel";
53
+
54
+ // Utility classes
55
+ @import "bootstrap/utilities";
56
+ @import "bootstrap/responsive-utilities";
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ .highlight {
5
+ background: #f5f5f5;
6
+
7
+
8
+ .hll { background-color: #f8f8f8; border: 1px solid #ccc; padding: 6px 10px; border-radius: 3px; }
9
+ .c { color: #999988; font-style: italic; }
10
+ .err { color: #a61717; background-color: #e3d2d2; }
11
+ .k { font-weight: bold; }
12
+ .o { font-weight: bold; }
13
+ .cm { color: #999988; font-style: italic; }
14
+ .cp { color: #999999; font-weight: bold; }
15
+ .c1 { color: #999988; font-style: italic; }
16
+ .cs { color: #999999; font-weight: bold; font-style: italic; }
17
+ .gd { color: #000000; background-color: #ffdddd; }
18
+ .gd .x { color: #000000; background-color: #ffaaaa; }
19
+ .ge { font-style: italic; }
20
+ .gr { color: #aa0000; }
21
+ .gh { color: #999999; }
22
+ .gi { color: #000000; background-color: #ddffdd; }
23
+ .gi .x { color: #000000; background-color: #aaffaa; }
24
+ .go { color: #888888; }
25
+ .gp { color: #555555; }
26
+ .gs { font-weight: bold; }
27
+ .gu { color: #800080; font-weight: bold; }
28
+ .gt { color: #aa0000; }
29
+ .kc { font-weight: bold; }
30
+ .kd { font-weight: bold; }
31
+ .kn { font-weight: bold; }
32
+ .kp { font-weight: bold; }
33
+ .kr { font-weight: bold; }
34
+ .kt { color: #445588; font-weight: bold; }
35
+ .m { color: #009999; }
36
+ .s { color: #dd1144; }
37
+ .n { color: #333333; }
38
+ .na { color: teal; }
39
+ .nb { color: #0086b3; }
40
+ .nc { color: #445588; font-weight: bold; }
41
+ .no { color: teal; }
42
+ .ni { color: purple; }
43
+ .ne { color: #990000; font-weight: bold; }
44
+ .nf { color: #990000; font-weight: bold; }
45
+ .nn { color: #555555; }
46
+ .nt { color: navy; }
47
+ .nv { color: teal; }
48
+ .ow { font-weight: bold; }
49
+ .w { color: #bbbbbb; }
50
+ .mf { color: #009999; }
51
+ .mh { color: #009999; }
52
+ .mi { color: #009999; }
53
+ .mo { color: #009999; }
54
+ .sb { color: #dd1144; }
55
+ .sc { color: #dd1144; }
56
+ .sd { color: #dd1144; }
57
+ .s2 { color: #dd1144; }
58
+ .se { color: #dd1144; }
59
+ .sh { color: #dd1144; }
60
+ .si { color: #dd1144; }
61
+ .sx { color: #dd1144; }
62
+ .sr { color: #009926; }
63
+ .s1 { color: #dd1144; }
64
+ .ss { color: #990073; }
65
+ .bp { color: #999999; }
66
+ .vc { color: teal; }
67
+ .vg { color: teal; }
68
+ .vi { color: teal; }
69
+ .il { color: #009999; }
70
+ .gc { color: #999; background-color: #EAF2F5; }
71
+ }
@@ -0,0 +1,59 @@
1
+ //http://stackoverflow.com/questions/21749179/typeahead-js-v0-10-1-and-bootstrap-3/33177315#33177315
2
+ @mixin typeahead-active() {
3
+ // mimics @extend .dropdown-menu > .active > a;
4
+ color: $dropdown-link-active-color;
5
+ text-decoration: none;
6
+ outline: 0;
7
+ background-color: $dropdown-link-active-bg;
8
+ }
9
+
10
+ //https://github.com/corejavascript/typeahead.js/blob/master/doc/jquery_typeahead.md#class-names
11
+ span.twitter-typeahead {
12
+ // this is the suggested matches dropdown
13
+ .tt-menu {
14
+ @extend .dropdown-menu;
15
+ }
16
+
17
+ .tt-hint {
18
+ color: #999;
19
+ }
20
+ // Added to suggestion elements.
21
+ .tt-suggestion {
22
+ // mimic .dropdown-menu > li > a
23
+ padding: 3px 20px;
24
+ line-height: $line-height-base;
25
+ // Added to suggestion element when menu cursor moves to said suggestion.
26
+ &.tt-cursor {
27
+ @include typeahead-active;
28
+ }
29
+ // Hover/focus on suggestion
30
+ &:focus,
31
+ &:hover {
32
+ @include typeahead-active;
33
+ }
34
+
35
+ p {
36
+ margin: 0;
37
+ }
38
+ }
39
+
40
+ .input-group & {
41
+ display: block !important;
42
+
43
+ .tt-dropdown-menu {
44
+ top: 32px !important;
45
+ }
46
+ }
47
+
48
+ .input-group.input-group-lg & {
49
+ .tt-dropdown-menu {
50
+ top: 44px !important;
51
+ }
52
+ }
53
+
54
+ .input-group.input-group-sm & {
55
+ .tt-dropdown-menu {
56
+ top: 28px !important;
57
+ }
58
+ }
59
+ }
@@ -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: middle;
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,28 @@
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
+ // [converter] Workaround for https://github.com/sass/libsass/issues/1115
18
+ $nbsp: "\00a0";
19
+ content: "#{$breadcrumb-separator}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
20
+ padding: 0 5px;
21
+ color: $breadcrumb-color;
22
+ }
23
+ }
24
+
25
+ > .active {
26
+ color: $breadcrumb-active-color;
27
+ }
28
+ }
@@ -0,0 +1,244 @@
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,
40
+ .btn-group,
41
+ .input-group {
42
+ float: left;
43
+ }
44
+ > .btn,
45
+ > .btn-group,
46
+ > .input-group {
47
+ margin-left: 5px;
48
+ }
49
+ }
50
+
51
+ .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
52
+ border-radius: 0;
53
+ }
54
+
55
+ // 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
56
+ .btn-group > .btn:first-child {
57
+ margin-left: 0;
58
+ &:not(:last-child):not(.dropdown-toggle) {
59
+ @include border-right-radius(0);
60
+ }
61
+ }
62
+ // Need .dropdown-toggle since :last-child doesn't apply, given that a .dropdown-menu is used immediately after it
63
+ .btn-group > .btn:last-child:not(:first-child),
64
+ .btn-group > .dropdown-toggle:not(:first-child) {
65
+ @include border-left-radius(0);
66
+ }
67
+
68
+ // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
69
+ .btn-group > .btn-group {
70
+ float: left;
71
+ }
72
+ .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
73
+ border-radius: 0;
74
+ }
75
+ .btn-group > .btn-group:first-child:not(:last-child) {
76
+ > .btn:last-child,
77
+ > .dropdown-toggle {
78
+ @include border-right-radius(0);
79
+ }
80
+ }
81
+ .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
82
+ @include border-left-radius(0);
83
+ }
84
+
85
+ // On active and open, don't show outline
86
+ .btn-group .dropdown-toggle:active,
87
+ .btn-group.open .dropdown-toggle {
88
+ outline: 0;
89
+ }
90
+
91
+
92
+ // Sizing
93
+ //
94
+ // Remix the default button sizing classes into new ones for easier manipulation.
95
+
96
+ .btn-group-xs > .btn { @extend .btn-xs; }
97
+ .btn-group-sm > .btn { @extend .btn-sm; }
98
+ .btn-group-lg > .btn { @extend .btn-lg; }
99
+
100
+
101
+ // Split button dropdowns
102
+ // ----------------------
103
+
104
+ // Give the line between buttons some depth
105
+ .btn-group > .btn + .dropdown-toggle {
106
+ padding-left: 8px;
107
+ padding-right: 8px;
108
+ }
109
+ .btn-group > .btn-lg + .dropdown-toggle {
110
+ padding-left: 12px;
111
+ padding-right: 12px;
112
+ }
113
+
114
+ // The clickable button for toggling the menu
115
+ // Remove the gradient and set the same inset shadow as the :active state
116
+ .btn-group.open .dropdown-toggle {
117
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
118
+
119
+ // Show no shadow for `.btn-link` since it has no other button styles.
120
+ &.btn-link {
121
+ @include box-shadow(none);
122
+ }
123
+ }
124
+
125
+
126
+ // Reposition the caret
127
+ .btn .caret {
128
+ margin-left: 0;
129
+ }
130
+ // Carets in other button sizes
131
+ .btn-lg .caret {
132
+ border-width: $caret-width-large $caret-width-large 0;
133
+ border-bottom-width: 0;
134
+ }
135
+ // Upside down carets for .dropup
136
+ .dropup .btn-lg .caret {
137
+ border-width: 0 $caret-width-large $caret-width-large;
138
+ }
139
+
140
+
141
+ // Vertical button groups
142
+ // ----------------------
143
+
144
+ .btn-group-vertical {
145
+ > .btn,
146
+ > .btn-group,
147
+ > .btn-group > .btn {
148
+ display: block;
149
+ float: none;
150
+ width: 100%;
151
+ max-width: 100%;
152
+ }
153
+
154
+ // Clear floats so dropdown menus can be properly placed
155
+ > .btn-group {
156
+ @include clearfix;
157
+ > .btn {
158
+ float: none;
159
+ }
160
+ }
161
+
162
+ > .btn + .btn,
163
+ > .btn + .btn-group,
164
+ > .btn-group + .btn,
165
+ > .btn-group + .btn-group {
166
+ margin-top: -1px;
167
+ margin-left: 0;
168
+ }
169
+ }
170
+
171
+ .btn-group-vertical > .btn {
172
+ &:not(:first-child):not(:last-child) {
173
+ border-radius: 0;
174
+ }
175
+ &:first-child:not(:last-child) {
176
+ @include border-top-radius($btn-border-radius-base);
177
+ @include border-bottom-radius(0);
178
+ }
179
+ &:last-child:not(:first-child) {
180
+ @include border-top-radius(0);
181
+ @include border-bottom-radius($btn-border-radius-base);
182
+ }
183
+ }
184
+ .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
185
+ border-radius: 0;
186
+ }
187
+ .btn-group-vertical > .btn-group:first-child:not(:last-child) {
188
+ > .btn:last-child,
189
+ > .dropdown-toggle {
190
+ @include border-bottom-radius(0);
191
+ }
192
+ }
193
+ .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
194
+ @include border-top-radius(0);
195
+ }
196
+
197
+
198
+ // Justified button groups
199
+ // ----------------------
200
+
201
+ .btn-group-justified {
202
+ display: table;
203
+ width: 100%;
204
+ table-layout: fixed;
205
+ border-collapse: separate;
206
+ > .btn,
207
+ > .btn-group {
208
+ float: none;
209
+ display: table-cell;
210
+ width: 1%;
211
+ }
212
+ > .btn-group .btn {
213
+ width: 100%;
214
+ }
215
+
216
+ > .btn-group .dropdown-menu {
217
+ left: auto;
218
+ }
219
+ }
220
+
221
+
222
+ // Checkbox and radio options
223
+ //
224
+ // In order to support the browser's form validation feedback, powered by the
225
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
226
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
227
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
228
+ // certain cases which is prevented by using `clip` and `pointer-events`.
229
+ // This way, we ensure a DOM element is visible to position the popover from.
230
+ //
231
+ // See https://github.com/twbs/bootstrap/pull/12794 and
232
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
233
+
234
+ [data-toggle="buttons"] {
235
+ > .btn,
236
+ > .btn-group > .btn {
237
+ input[type="radio"],
238
+ input[type="checkbox"] {
239
+ position: absolute;
240
+ clip: rect(0,0,0,0);
241
+ pointer-events: none;
242
+ }
243
+ }
244
+ }