jekyll-theme-portfolio 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (114) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +21 -0
  3. data/README.md +19 -0
  4. data/_includes/footer.html +57 -0
  5. data/_includes/head.html +12 -0
  6. data/_includes/header.html +43 -0
  7. data/_layouts/default.html +20 -0
  8. data/_layouts/home.html +41 -0
  9. data/_layouts/page.html +13 -0
  10. data/_layouts/portfolio.html +66 -0
  11. data/_layouts/post.html +23 -0
  12. data/_sass/_bootstrap_customization.scss +332 -0
  13. data/_sass/_syntax-highlighting.scss +74 -0
  14. data/_sass/_variables.scss +106 -0
  15. data/_sass/bootstrap-4-jekyll/_bootstrap-4-jekyll.scss +8 -0
  16. data/_sass/bootstrap/__DO_NOT_MODIFY +0 -0
  17. data/_sass/bootstrap/_alert.scss +51 -0
  18. data/_sass/bootstrap/_badge.scss +54 -0
  19. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  20. data/_sass/bootstrap/_button-group.scss +163 -0
  21. data/_sass/bootstrap/_buttons.scss +137 -0
  22. data/_sass/bootstrap/_card.scss +289 -0
  23. data/_sass/bootstrap/_carousel.scss +197 -0
  24. data/_sass/bootstrap/_close.scss +41 -0
  25. data/_sass/bootstrap/_code.scss +48 -0
  26. data/_sass/bootstrap/_custom-forms.scss +507 -0
  27. data/_sass/bootstrap/_dropdown.scss +191 -0
  28. data/_sass/bootstrap/_forms.scss +330 -0
  29. data/_sass/bootstrap/_functions.scss +86 -0
  30. data/_sass/bootstrap/_grid.scss +52 -0
  31. data/_sass/bootstrap/_images.scss +42 -0
  32. data/_sass/bootstrap/_input-group.scss +193 -0
  33. data/_sass/bootstrap/_jumbotron.scss +17 -0
  34. data/_sass/bootstrap/_list-group.scss +149 -0
  35. data/_sass/bootstrap/_media.scss +8 -0
  36. data/_sass/bootstrap/_mixins.scss +47 -0
  37. data/_sass/bootstrap/_modal.scss +229 -0
  38. data/_sass/bootstrap/_nav.scss +120 -0
  39. data/_sass/bootstrap/_navbar.scss +294 -0
  40. data/_sass/bootstrap/_pagination.scss +73 -0
  41. data/_sass/bootstrap/_popover.scss +171 -0
  42. data/_sass/bootstrap/_print.scss +141 -0
  43. data/_sass/bootstrap/_progress.scss +43 -0
  44. data/_sass/bootstrap/_reboot.scss +483 -0
  45. data/_sass/bootstrap/_root.scss +19 -0
  46. data/_sass/bootstrap/_spinners.scss +55 -0
  47. data/_sass/bootstrap/_tables.scss +185 -0
  48. data/_sass/bootstrap/_toasts.scss +44 -0
  49. data/_sass/bootstrap/_tooltip.scss +115 -0
  50. data/_sass/bootstrap/_transitions.scss +20 -0
  51. data/_sass/bootstrap/_type.scss +125 -0
  52. data/_sass/bootstrap/_utilities.scss +17 -0
  53. data/_sass/bootstrap/_variables.scss +1123 -0
  54. data/_sass/bootstrap/bootstrap-grid.scss +29 -0
  55. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  56. data/_sass/bootstrap/bootstrap.scss +44 -0
  57. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  58. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  59. data/_sass/bootstrap/mixins/_badge.scss +17 -0
  60. data/_sass/bootstrap/mixins/_border-radius.scss +63 -0
  61. data/_sass/bootstrap/mixins/_box-shadow.scss +20 -0
  62. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  63. data/_sass/bootstrap/mixins/_buttons.scss +107 -0
  64. data/_sass/bootstrap/mixins/_caret.scss +62 -0
  65. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  66. data/_sass/bootstrap/mixins/_deprecate.scss +10 -0
  67. data/_sass/bootstrap/mixins/_float.scss +14 -0
  68. data/_sass/bootstrap/mixins/_forms.scss +192 -0
  69. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  70. data/_sass/bootstrap/mixins/_grid-framework.scss +66 -0
  71. data/_sass/bootstrap/mixins/_grid.scss +51 -0
  72. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  73. data/_sass/bootstrap/mixins/_image.scss +36 -0
  74. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  75. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  76. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  77. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  78. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  79. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  80. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  81. data/_sass/bootstrap/mixins/_size.scss +7 -0
  82. data/_sass/bootstrap/mixins/_table-row.scss +39 -0
  83. data/_sass/bootstrap/mixins/_text-emphasis.scss +16 -0
  84. data/_sass/bootstrap/mixins/_text-hide.scss +11 -0
  85. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  86. data/_sass/bootstrap/mixins/_transition.scss +16 -0
  87. data/_sass/bootstrap/mixins/_visibility.scss +8 -0
  88. data/_sass/bootstrap/utilities/_align.scss +8 -0
  89. data/_sass/bootstrap/utilities/_background.scss +19 -0
  90. data/_sass/bootstrap/utilities/_borders.scss +75 -0
  91. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  92. data/_sass/bootstrap/utilities/_display.scss +26 -0
  93. data/_sass/bootstrap/utilities/_embed.scss +39 -0
  94. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  95. data/_sass/bootstrap/utilities/_float.scss +11 -0
  96. data/_sass/bootstrap/utilities/_overflow.scss +5 -0
  97. data/_sass/bootstrap/utilities/_position.scss +32 -0
  98. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  99. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  100. data/_sass/bootstrap/utilities/_sizing.scss +20 -0
  101. data/_sass/bootstrap/utilities/_spacing.scss +73 -0
  102. data/_sass/bootstrap/utilities/_stretched-link.scss +19 -0
  103. data/_sass/bootstrap/utilities/_text.scss +72 -0
  104. data/_sass/bootstrap/utilities/_visibility.scss +13 -0
  105. data/_sass/bootstrap/vendor/_rfs.scss +204 -0
  106. data/assets/images/projects/nativescript.png +0 -0
  107. data/assets/images/projects/puppet.png +0 -0
  108. data/assets/javascript/bootstrap/__DO_NOT_MODIFY +0 -0
  109. data/assets/javascript/bootstrap/bootstrap.bundle.min.js +7 -0
  110. data/assets/javascript/bootstrap/bootstrap.bundle.min.js.map +1 -0
  111. data/assets/javascript/bootstrap/jquery.min.js +2 -0
  112. data/assets/javascript/bootstrap/jquery.min.map +1 -0
  113. data/assets/main.scss +9 -0
  114. metadata +219 -0
@@ -0,0 +1,74 @@
1
+ // Syntax highlighting styles, can be modified to match the theme
2
+
3
+
4
+ .highlight {
5
+
6
+ color: #111;
7
+
8
+ pre {
9
+ margin: 0;
10
+ padding: 8px 12px;
11
+ background: #eef;
12
+ border: 1px solid #e8e8e8;
13
+ }
14
+
15
+ .c { color: #998; font-style: italic } // Comment
16
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
17
+ .k { font-weight: bold } // Keyword
18
+ .o { font-weight: bold } // Operator
19
+ .cm { color: #998; font-style: italic } // Comment.Multiline
20
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
21
+ .c1 { color: #998; font-style: italic } // Comment.Single
22
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
23
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
24
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
25
+ .ge { font-style: italic } // Generic.Emph
26
+ .gr { color: #a00 } // Generic.Error
27
+ .gh { color: #999 } // Generic.Heading
28
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
29
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
30
+ .go { color: #888 } // Generic.Output
31
+ .gp { color: #555 } // Generic.Prompt
32
+ .gs { font-weight: bold } // Generic.Strong
33
+ .gu { color: #aaa } // Generic.Subheading
34
+ .gt { color: #a00 } // Generic.Traceback
35
+ .kc { font-weight: bold } // Keyword.Constant
36
+ .kd { font-weight: bold } // Keyword.Declaration
37
+ .kp { font-weight: bold } // Keyword.Pseudo
38
+ .kr { font-weight: bold } // Keyword.Reserved
39
+ .kt { color: #458; font-weight: bold } // Keyword.Type
40
+ .m { color: #099 } // Literal.Number
41
+ .s { color: #d14 } // Literal.String
42
+ .na { color: #008080 } // Name.Attribute
43
+ .nb { color: #0086B3 } // Name.Builtin
44
+ .nc { color: #458; font-weight: bold } // Name.Class
45
+ .no { color: #008080 } // Name.Constant
46
+ .ni { color: #800080 } // Name.Entity
47
+ .ne { color: #900; font-weight: bold } // Name.Exception
48
+ .nf { color: #900; font-weight: bold } // Name.Function
49
+ .nn { color: #555 } // Name.Namespace
50
+ .nt { color: #000080 } // Name.Tag
51
+ .nv { color: #008080 } // Name.Variable
52
+ .ow { font-weight: bold } // Operator.Word
53
+ .w { color: #bbb } // Text.Whitespace
54
+ .mf { color: #099 } // Literal.Number.Float
55
+ .mh { color: #099 } // Literal.Number.Hex
56
+ .mi { color: #099 } // Literal.Number.Integer
57
+ .mo { color: #099 } // Literal.Number.Oct
58
+ .sb { color: #d14 } // Literal.String.Backtick
59
+ .sc { color: #d14 } // Literal.String.Char
60
+ .sd { color: #d14 } // Literal.String.Doc
61
+ .s2 { color: #d14 } // Literal.String.Double
62
+ .se { color: #d14 } // Literal.String.Escape
63
+ .sh { color: #d14 } // Literal.String.Heredoc
64
+ .si { color: #d14 } // Literal.String.Interpol
65
+ .sx { color: #d14 } // Literal.String.Other
66
+ .sr { color: #009926 } // Literal.String.Regex
67
+ .s1 { color: #d14 } // Literal.String.Single
68
+ .ss { color: #990073 } // Literal.String.Symbol
69
+ .bp { color: #999 } // Name.Builtin.Pseudo
70
+ .vc { color: #008080 } // Name.Variable.Class
71
+ .vg { color: #008080 } // Name.Variable.Global
72
+ .vi { color: #008080 } // Name.Variable.Instance
73
+ .il { color: #099 } // Literal.Number.Integer.Long
74
+ }
@@ -0,0 +1,106 @@
1
+ // This is the place to place Bootstrap's variables overrides.
2
+ // As example you can start by importing the _variables.scss file from one of the
3
+ // theme provided by https://bootswatch.com .
4
+
5
+
6
+ // Some customization of the container class to have a better display in the guide.
7
+ // Don't hesitate to remove it to have a standard Bootstrap behavior
8
+
9
+
10
+ // Minty 4.3.1
11
+ // Bootswatch
12
+
13
+ //
14
+ // Color system
15
+ //
16
+
17
+ $white: #fff !default;
18
+ $gray-100: #f8f9fa !default;
19
+ $gray-200: #f7f7f9 !default;
20
+ $gray-300: #eceeef !default;
21
+ $gray-400: #ced4da !default;
22
+ $gray-500: #aaa !default;
23
+ $gray-600: #888 !default;
24
+ $gray-700: #5a5a5a !default;
25
+ $gray-800: #343a40 !default;
26
+ $gray-900: #212529 !default;
27
+ $black: #000 !default;
28
+
29
+ $blue: #007bff !default;
30
+ $indigo: #6610f2 !default;
31
+ $purple: #6f42c1 !default;
32
+ $pink: #e83e8c !default;
33
+ $red: #FF7851 !default;
34
+ $orange: #fd7e14 !default;
35
+ $yellow: #FFCE67 !default;
36
+ $green: #56CC9D !default;
37
+ $teal: #20c997 !default;
38
+ $cyan: #6CC3D5 !default;
39
+
40
+ $primary: $black !default;
41
+ $secondary: #F3969A !default;
42
+ $success: $green !default;
43
+ $info: $cyan !default;
44
+ $warning: $yellow !default;
45
+ $danger: $red !default;
46
+ $light: $gray-300 !default;
47
+ $dark: $gray-800 !default;
48
+
49
+ $yiq-contrasted-threshold: 250 !default;
50
+
51
+ // Body
52
+
53
+ $body-color: $gray-600 !default;
54
+
55
+ // Components
56
+
57
+ $border-radius: .4rem !default;
58
+ $border-radius-lg: .6rem !default;
59
+ $border-radius-sm: .3rem !default;
60
+
61
+ // Fonts
62
+
63
+ $headings-font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
64
+ $headings-color: $gray-700 !default;
65
+
66
+ // Tables
67
+
68
+ $table-border-color: rgba(0,0,0,0.05) !default;
69
+
70
+ // Dropdowns
71
+
72
+ $dropdown-link-hover-color: $white !default;
73
+ $dropdown-link-hover-bg: $secondary !default;
74
+
75
+ // Navbar
76
+
77
+ $navbar-dark-color: rgba($white,.6) !default;
78
+ $navbar-dark-hover-color: $white !default;
79
+
80
+ $navbar-light-color: rgba($black,.3) !default;
81
+ $navbar-light-hover-color: $gray-700 !default;
82
+ $navbar-light-active-color: $gray-700 !default;
83
+ $navbar-light-disabled-color: rgba($black,.1) !default;
84
+
85
+ // Pagination
86
+
87
+ $pagination-color: $white !default;
88
+ $pagination-bg: $primary !default;
89
+ $pagination-border-color: $primary !default;
90
+
91
+ $pagination-hover-color: $white !default;
92
+ $pagination-hover-bg: $secondary !default;
93
+ $pagination-hover-border-color: $pagination-hover-bg !default;
94
+
95
+ $pagination-active-bg: $secondary !default;
96
+ $pagination-active-border-color: $pagination-active-bg !default;
97
+
98
+ $pagination-disabled-color: $white !default;
99
+ $pagination-disabled-bg: #CCE8E0 !default;
100
+ $pagination-disabled-border-color: $pagination-disabled-bg !default;
101
+
102
+ // Breadcrumbs
103
+
104
+ $breadcrumb-bg: $primary !default;
105
+ $breadcrumb-divider-color: $white !default;
106
+ $breadcrumb-active-color: $breadcrumb-divider-color !default;
@@ -0,0 +1,8 @@
1
+ // Some CSS to ease the integration between Jekyll and Bootstrap 4.
2
+ // It is not recommended to edit this file.
3
+
4
+ .page-content {
5
+ img {
6
+ max-width: 100%;
7
+ }
8
+ }
File without changes
@@ -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,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,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
+ }