tabler-rubygem 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -0
  3. data/assets/stylesheets/_tabler.scss +1 -2
  4. data/assets/stylesheets/tabler/_cards.scss +2 -1
  5. data/assets/stylesheets/tabler/_carousel.scss +9 -0
  6. data/assets/stylesheets/tabler/_progress.scss +2 -2
  7. data/assets/stylesheets/tabler/forms/_custom-selectgroup.scss +2 -3
  8. data/lib/tabler/rubygem/version.rb +2 -2
  9. data/tabler.gemspec +0 -3
  10. data/tasks/updater/js.rb +1 -1
  11. data/tasks/updater/scss.rb +1 -22
  12. metadata +3 -119
  13. data/assets/stylesheets/_bootstrap-grid.scss +0 -32
  14. data/assets/stylesheets/_bootstrap-reboot.scss +0 -12
  15. data/assets/stylesheets/_bootstrap.scss +0 -42
  16. data/assets/stylesheets/bootstrap/_alert.scss +0 -51
  17. data/assets/stylesheets/bootstrap/_badge.scss +0 -47
  18. data/assets/stylesheets/bootstrap/_breadcrumb.scss +0 -38
  19. data/assets/stylesheets/bootstrap/_button-group.scss +0 -166
  20. data/assets/stylesheets/bootstrap/_buttons.scss +0 -143
  21. data/assets/stylesheets/bootstrap/_card.scss +0 -299
  22. data/assets/stylesheets/bootstrap/_carousel.scss +0 -235
  23. data/assets/stylesheets/bootstrap/_close.scss +0 -34
  24. data/assets/stylesheets/bootstrap/_code.scss +0 -56
  25. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -420
  26. data/assets/stylesheets/bootstrap/_dropdown.scss +0 -138
  27. data/assets/stylesheets/bootstrap/_forms.scss +0 -335
  28. data/assets/stylesheets/bootstrap/_functions.scss +0 -86
  29. data/assets/stylesheets/bootstrap/_grid.scss +0 -52
  30. data/assets/stylesheets/bootstrap/_images.scss +0 -42
  31. data/assets/stylesheets/bootstrap/_input-group.scss +0 -159
  32. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -16
  33. data/assets/stylesheets/bootstrap/_list-group.scss +0 -115
  34. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  35. data/assets/stylesheets/bootstrap/_mixins.scss +0 -42
  36. data/assets/stylesheets/bootstrap/_modal.scss +0 -168
  37. data/assets/stylesheets/bootstrap/_nav.scss +0 -118
  38. data/assets/stylesheets/bootstrap/_navbar.scss +0 -311
  39. data/assets/stylesheets/bootstrap/_pagination.scss +0 -78
  40. data/assets/stylesheets/bootstrap/_popover.scss +0 -183
  41. data/assets/stylesheets/bootstrap/_print.scss +0 -124
  42. data/assets/stylesheets/bootstrap/_progress.scss +0 -34
  43. data/assets/stylesheets/bootstrap/_reboot.scss +0 -482
  44. data/assets/stylesheets/bootstrap/_root.scss +0 -19
  45. data/assets/stylesheets/bootstrap/_tables.scss +0 -188
  46. data/assets/stylesheets/bootstrap/_tooltip.scss +0 -115
  47. data/assets/stylesheets/bootstrap/_transitions.scss +0 -36
  48. data/assets/stylesheets/bootstrap/_type.scss +0 -125
  49. data/assets/stylesheets/bootstrap/_utilities.scss +0 -14
  50. data/assets/stylesheets/bootstrap/_variables.scss +0 -919
  51. data/assets/stylesheets/bootstrap/mixins/_alert.scss +0 -13
  52. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
  53. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -12
  54. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +0 -35
  55. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +0 -5
  56. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +0 -123
  57. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +0 -109
  58. data/assets/stylesheets/bootstrap/mixins/_caret.scss +0 -65
  59. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +0 -7
  60. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -11
  61. data/assets/stylesheets/bootstrap/mixins/_forms.scss +0 -137
  62. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +0 -45
  63. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -67
  64. data/assets/stylesheets/bootstrap/mixins/_grid.scss +0 -52
  65. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  66. data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -36
  67. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -21
  68. data/assets/stylesheets/bootstrap/mixins/_lists.scss +0 -7
  69. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  70. data/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +0 -10
  71. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +0 -22
  72. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +0 -17
  73. data/assets/stylesheets/bootstrap/mixins/_resize.scss +0 -6
  74. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
  75. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -6
  76. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -30
  77. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -14
  78. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -9
  79. data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +0 -8
  80. data/assets/stylesheets/bootstrap/mixins/_transition.scss +0 -9
  81. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -7
  82. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  83. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  84. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -59
  85. data/assets/stylesheets/bootstrap/utilities/_clearfix.scss +0 -3
  86. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -38
  87. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -52
  88. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -47
  89. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -9
  90. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -37
  91. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  92. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -12
  93. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -51
  94. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -52
  95. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -11
@@ -1,47 +0,0 @@
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
- }
@@ -1,38 +0,0 @@
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($border-radius);
9
- }
10
-
11
- .breadcrumb-item {
12
- // The separator between breadcrumbs (by default, a forward-slash: "/")
13
- + .breadcrumb-item::before {
14
- display: inline-block; // Suppress underlining of the separator in modern browsers
15
- padding-right: $breadcrumb-item-padding;
16
- padding-left: $breadcrumb-item-padding;
17
- color: $breadcrumb-divider-color;
18
- content: "#{$breadcrumb-divider}";
19
- }
20
-
21
- // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
22
- // without `<ul>`s. The `::before` pseudo-element generates an element
23
- // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
24
- //
25
- // To trick IE into suppressing the underline, we give the pseudo-element an
26
- // underline and then immediately remove it.
27
- + .breadcrumb-item:hover::before {
28
- text-decoration: underline;
29
- }
30
- // stylelint-disable-next-line no-duplicate-selectors
31
- + .breadcrumb-item:hover::before {
32
- text-decoration: none;
33
- }
34
-
35
- &.active {
36
- color: $breadcrumb-active-color;
37
- }
38
- }
@@ -1,166 +0,0 @@
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
- margin-left: 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 + .btn,
122
- > .btn + .btn-group,
123
- > .btn-group + .btn,
124
- > .btn-group + .btn-group {
125
- margin-top: -$btn-border-width;
126
- margin-left: 0;
127
- }
128
-
129
- // Reset rounded corners
130
- > .btn:not(:last-child):not(.dropdown-toggle),
131
- > .btn-group:not(:last-child) > .btn {
132
- @include border-bottom-radius(0);
133
- }
134
-
135
- > .btn:not(:first-child),
136
- > .btn-group:not(:first-child) > .btn {
137
- @include border-top-radius(0);
138
- }
139
- }
140
-
141
-
142
- // Checkbox and radio options
143
- //
144
- // In order to support the browser's form validation feedback, powered by the
145
- // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
146
- // `display: none;` or `visibility: hidden;` as that also hides the popover.
147
- // Simply visually hiding the inputs via `opacity` would leave them clickable in
148
- // certain cases which is prevented by using `clip` and `pointer-events`.
149
- // This way, we ensure a DOM element is visible to position the popover from.
150
- //
151
- // See https://github.com/twbs/bootstrap/pull/12794 and
152
- // https://github.com/twbs/bootstrap/pull/14559 for more information.
153
-
154
- .btn-group-toggle {
155
- > .btn,
156
- > .btn-group > .btn {
157
- margin-bottom: 0; // Override default `<label>` value
158
-
159
- input[type="radio"],
160
- input[type="checkbox"] {
161
- position: absolute;
162
- clip: rect(0, 0, 0, 0);
163
- pointer-events: none;
164
- }
165
- }
166
- }
@@ -1,143 +0,0 @@
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
- }
104
-
105
- // No need for an active state here
106
- }
107
-
108
-
109
- //
110
- // Button Sizes
111
- //
112
-
113
- .btn-lg {
114
- @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
115
- }
116
-
117
- .btn-sm {
118
- @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
119
- }
120
-
121
-
122
- //
123
- // Block button
124
- //
125
-
126
- .btn-block {
127
- display: block;
128
- width: 100%;
129
-
130
- // Vertically space out multiple block buttons
131
- + .btn-block {
132
- margin-top: $btn-block-spacing-y;
133
- }
134
- }
135
-
136
- // Specificity overrides
137
- input[type="submit"],
138
- input[type="reset"],
139
- input[type="button"] {
140
- &.btn-block {
141
- width: 100%;
142
- }
143
- }
@@ -1,299 +0,0 @@
1
- //
2
- // Base styles
3
- //
4
-
5
- .card {
6
- position: relative;
7
- display: flex;
8
- flex-direction: column;
9
- min-width: 0;
10
- word-wrap: break-word;
11
- background-color: $card-bg;
12
- background-clip: border-box;
13
- border: $card-border-width solid $card-border-color;
14
- @include border-radius($card-border-radius);
15
-
16
- > hr {
17
- margin-right: 0;
18
- margin-left: 0;
19
- }
20
-
21
- > .list-group:first-child {
22
- .list-group-item:first-child {
23
- @include border-top-radius($card-border-radius);
24
- }
25
- }
26
-
27
- > .list-group:last-child {
28
- .list-group-item:last-child {
29
- @include border-bottom-radius($card-border-radius);
30
- }
31
- }
32
- }
33
-
34
- .card-body {
35
- // Enable `flex-grow: 1` for decks and groups so that card blocks take up
36
- // as much space as possible, ensuring footers are aligned to the bottom.
37
- flex: 1 1 auto;
38
- padding: $card-spacer-x;
39
- }
40
-
41
- .card-title {
42
- margin-bottom: $card-spacer-y;
43
- }
44
-
45
- .card-subtitle {
46
- margin-top: -($card-spacer-y / 2);
47
- margin-bottom: 0;
48
- }
49
-
50
- .card-text:last-child {
51
- margin-bottom: 0;
52
- }
53
-
54
- .card-link {
55
- @include hover {
56
- text-decoration: none;
57
- }
58
-
59
- + .card-link {
60
- margin-left: $card-spacer-x;
61
- }
62
- }
63
-
64
- //
65
- // Optional textual caps
66
- //
67
-
68
- .card-header {
69
- padding: $card-spacer-y $card-spacer-x;
70
- margin-bottom: 0; // Removes the default margin-bottom of <hN>
71
- background-color: $card-cap-bg;
72
- border-bottom: $card-border-width solid $card-border-color;
73
-
74
- &:first-child {
75
- @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
76
- }
77
-
78
- + .list-group {
79
- .list-group-item:first-child {
80
- border-top: 0;
81
- }
82
- }
83
- }
84
-
85
- .card-footer {
86
- padding: $card-spacer-y $card-spacer-x;
87
- background-color: $card-cap-bg;
88
- border-top: $card-border-width solid $card-border-color;
89
-
90
- &:last-child {
91
- @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
92
- }
93
- }
94
-
95
-
96
- //
97
- // Header navs
98
- //
99
-
100
- .card-header-tabs {
101
- margin-right: -($card-spacer-x / 2);
102
- margin-bottom: -$card-spacer-y;
103
- margin-left: -($card-spacer-x / 2);
104
- border-bottom: 0;
105
- }
106
-
107
- .card-header-pills {
108
- margin-right: -($card-spacer-x / 2);
109
- margin-left: -($card-spacer-x / 2);
110
- }
111
-
112
- // Card image
113
- .card-img-overlay {
114
- position: absolute;
115
- top: 0;
116
- right: 0;
117
- bottom: 0;
118
- left: 0;
119
- padding: $card-img-overlay-padding;
120
- }
121
-
122
- .card-img {
123
- width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
124
- @include border-radius($card-inner-border-radius);
125
- }
126
-
127
- // Card image caps
128
- .card-img-top {
129
- width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
130
- @include border-top-radius($card-inner-border-radius);
131
- }
132
-
133
- .card-img-bottom {
134
- width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
135
- @include border-bottom-radius($card-inner-border-radius);
136
- }
137
-
138
-
139
- // Card deck
140
-
141
- .card-deck {
142
- display: flex;
143
- flex-direction: column;
144
-
145
- .card {
146
- margin-bottom: $card-deck-margin;
147
- }
148
-
149
- @include media-breakpoint-up(sm) {
150
- flex-flow: row wrap;
151
- margin-right: -$card-deck-margin;
152
- margin-left: -$card-deck-margin;
153
-
154
- .card {
155
- display: flex;
156
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
157
- flex: 1 0 0%;
158
- flex-direction: column;
159
- margin-right: $card-deck-margin;
160
- margin-bottom: 0; // Override the default
161
- margin-left: $card-deck-margin;
162
- }
163
- }
164
- }
165
-
166
-
167
- //
168
- // Card groups
169
- //
170
-
171
- .card-group {
172
- display: flex;
173
- flex-direction: column;
174
-
175
- // The child selector allows nested `.card` within `.card-group`
176
- // to display properly.
177
- > .card {
178
- margin-bottom: $card-group-margin;
179
- }
180
-
181
- @include media-breakpoint-up(sm) {
182
- flex-flow: row wrap;
183
- // The child selector allows nested `.card` within `.card-group`
184
- // to display properly.
185
- > .card {
186
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
187
- flex: 1 0 0%;
188
- margin-bottom: 0;
189
-
190
- + .card {
191
- margin-left: 0;
192
- border-left: 0;
193
- }
194
-
195
- // Handle rounded corners
196
- @if $enable-rounded {
197
- &:first-child {
198
- @include border-right-radius(0);
199
-
200
- .card-img-top,
201
- .card-header {
202
- border-top-right-radius: 0;
203
- }
204
- .card-img-bottom,
205
- .card-footer {
206
- border-bottom-right-radius: 0;
207
- }
208
- }
209
-
210
- &:last-child {
211
- @include border-left-radius(0);
212
-
213
- .card-img-top,
214
- .card-header {
215
- border-top-left-radius: 0;
216
- }
217
- .card-img-bottom,
218
- .card-footer {
219
- border-bottom-left-radius: 0;
220
- }
221
- }
222
-
223
- &:only-child {
224
- @include border-radius($card-border-radius);
225
-
226
- .card-img-top,
227
- .card-header {
228
- @include border-top-radius($card-border-radius);
229
- }
230
- .card-img-bottom,
231
- .card-footer {
232
- @include border-bottom-radius($card-border-radius);
233
- }
234
- }
235
-
236
- &:not(:first-child):not(:last-child):not(:only-child) {
237
- @include border-radius(0);
238
-
239
- .card-img-top,
240
- .card-img-bottom,
241
- .card-header,
242
- .card-footer {
243
- @include border-radius(0);
244
- }
245
- }
246
- }
247
- }
248
- }
249
- }
250
-
251
-
252
- //
253
- // Columns
254
- //
255
-
256
- .card-columns {
257
- .card {
258
- margin-bottom: $card-columns-margin;
259
- }
260
-
261
- @include media-breakpoint-up(sm) {
262
- column-count: $card-columns-count;
263
- column-gap: $card-columns-gap;
264
-
265
- .card {
266
- display: inline-block; // Don't let them vertically span multiple columns
267
- width: 100%; // Don't let their width change
268
- }
269
- }
270
- }
271
-
272
-
273
- //
274
- // Accordion
275
- //
276
-
277
- .accordion {
278
- .card:not(:first-of-type):not(:last-of-type) {
279
- border-bottom: 0;
280
- border-radius: 0;
281
- }
282
-
283
- .card:not(:first-of-type) {
284
- .card-header:first-child {
285
- border-radius: 0;
286
- }
287
- }
288
-
289
- .card:first-of-type {
290
- border-bottom: 0;
291
- border-bottom-right-radius: 0;
292
- border-bottom-left-radius: 0;
293
- }
294
-
295
- .card:last-of-type {
296
- border-top-left-radius: 0;
297
- border-top-right-radius: 0;
298
- }
299
- }