@sd-angular/core 19.0.0-beta.86 → 19.0.0-beta.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/README.md +716 -716
  2. package/assets/fonts/fonts.scss +115 -115
  3. package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
  4. package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
  5. package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
  6. package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
  7. package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
  8. package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
  9. package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
  10. package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
  11. package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
  12. package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
  13. package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
  14. package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
  15. package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
  16. package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
  17. package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
  18. package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
  19. package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
  20. package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
  21. package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
  22. package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
  23. package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
  24. package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
  25. package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
  26. package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
  27. package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
  28. package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
  29. package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
  30. package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
  31. package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
  32. package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
  33. package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
  34. package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
  35. package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
  36. package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
  37. package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
  38. package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
  39. package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
  40. package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
  41. package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
  42. package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
  43. package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
  44. package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
  45. package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
  46. package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
  47. package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
  48. package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
  49. package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
  50. package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
  51. package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
  52. package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
  53. package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
  54. package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
  55. package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
  56. package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
  57. package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
  58. package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
  59. package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
  60. package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
  61. package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
  62. package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
  63. package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
  64. package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
  65. package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
  66. package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
  67. package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
  68. package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
  69. package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
  70. package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
  71. package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
  72. package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
  73. package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
  74. package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
  75. package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
  76. package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
  77. package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
  78. package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
  79. package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
  80. package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
  81. package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
  82. package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
  83. package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
  84. package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
  85. package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
  86. package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
  87. package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
  88. package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
  89. package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
  90. package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
  91. package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
  92. package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
  93. package/assets/scss/core/print.scss +47 -47
  94. package/assets/scss/core/scrollbar.scss +30 -30
  95. package/assets/scss/core/typography.scss +121 -121
  96. package/components/anchor/index.d.ts +1 -0
  97. package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
  98. package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
  99. package/components/anchor/src/components/main/main.component.d.ts +13 -18
  100. package/components/anchor/src/models/anchor.model.d.ts +7 -0
  101. package/components/anchor/src/models/index.d.ts +1 -0
  102. package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
  103. package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
  104. package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
  105. package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
  106. package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
  107. package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
  108. package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
  109. package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
  110. package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
  111. package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
  112. package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
  113. package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
  114. package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
  115. package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
  116. package/fesm2022/sd-angular-core-components-table.mjs +6 -6
  117. package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
  118. package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
  119. package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
  120. package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
  121. package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
  122. package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
  123. package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
  124. package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
  125. package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
  126. package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
  127. package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
  128. package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
  129. package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
  130. package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
  131. package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
  132. package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
  133. package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
  134. package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
  135. package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
  136. package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
  137. package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
  138. package/fesm2022/sd-angular-core.mjs.map +1 -1
  139. package/package.json +62 -62
  140. package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
  141. package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
  142. package/components/anchor/src/services/anchor.service.d.ts +0 -12
  143. package/components/anchor/src/services/index.d.ts +0 -1
  144. package/sd-angular-core-19.0.0-beta.86.tgz +0 -0
@@ -1,74 +1,74 @@
1
- .pagination {
2
- display: flex;
3
- @include list-unstyled();
4
- @include border-radius();
5
- }
6
-
7
- .page-link {
8
- position: relative;
9
- display: block;
10
- padding: $pagination-padding-y $pagination-padding-x;
11
- margin-left: -$pagination-border-width;
12
- line-height: $pagination-line-height;
13
- color: $pagination-color;
14
- text-decoration: if($link-decoration == none, null, none);
15
- background-color: $pagination-bg;
16
- border: $pagination-border-width solid $pagination-border-color;
17
-
18
- &:hover {
19
- z-index: 2;
20
- color: $pagination-hover-color;
21
- text-decoration: none;
22
- background-color: $pagination-hover-bg;
23
- border-color: $pagination-hover-border-color;
24
- }
25
-
26
- &:focus {
27
- z-index: 3;
28
- outline: $pagination-focus-outline;
29
- box-shadow: $pagination-focus-box-shadow;
30
- }
31
- }
32
-
33
- .page-item {
34
- &:first-child {
35
- .page-link {
36
- margin-left: 0;
37
- @include border-left-radius($border-radius);
38
- }
39
- }
40
- &:last-child {
41
- .page-link {
42
- @include border-right-radius($border-radius);
43
- }
44
- }
45
-
46
- &.active .page-link {
47
- z-index: 3;
48
- color: $pagination-active-color;
49
- background-color: $pagination-active-bg;
50
- border-color: $pagination-active-border-color;
51
- }
52
-
53
- &.disabled .page-link {
54
- color: $pagination-disabled-color;
55
- pointer-events: none;
56
- // Opinionated: remove the "hand" cursor set previously for .page-link
57
- cursor: auto;
58
- background-color: $pagination-disabled-bg;
59
- border-color: $pagination-disabled-border-color;
60
- }
61
- }
62
-
63
-
64
- //
65
- // Sizing
66
- //
67
-
68
- .pagination-lg {
69
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);
70
- }
71
-
72
- .pagination-sm {
73
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);
74
- }
1
+ .pagination {
2
+ display: flex;
3
+ @include list-unstyled();
4
+ @include border-radius();
5
+ }
6
+
7
+ .page-link {
8
+ position: relative;
9
+ display: block;
10
+ padding: $pagination-padding-y $pagination-padding-x;
11
+ margin-left: -$pagination-border-width;
12
+ line-height: $pagination-line-height;
13
+ color: $pagination-color;
14
+ text-decoration: if($link-decoration == none, null, none);
15
+ background-color: $pagination-bg;
16
+ border: $pagination-border-width solid $pagination-border-color;
17
+
18
+ &:hover {
19
+ z-index: 2;
20
+ color: $pagination-hover-color;
21
+ text-decoration: none;
22
+ background-color: $pagination-hover-bg;
23
+ border-color: $pagination-hover-border-color;
24
+ }
25
+
26
+ &:focus {
27
+ z-index: 3;
28
+ outline: $pagination-focus-outline;
29
+ box-shadow: $pagination-focus-box-shadow;
30
+ }
31
+ }
32
+
33
+ .page-item {
34
+ &:first-child {
35
+ .page-link {
36
+ margin-left: 0;
37
+ @include border-left-radius($border-radius);
38
+ }
39
+ }
40
+ &:last-child {
41
+ .page-link {
42
+ @include border-right-radius($border-radius);
43
+ }
44
+ }
45
+
46
+ &.active .page-link {
47
+ z-index: 3;
48
+ color: $pagination-active-color;
49
+ background-color: $pagination-active-bg;
50
+ border-color: $pagination-active-border-color;
51
+ }
52
+
53
+ &.disabled .page-link {
54
+ color: $pagination-disabled-color;
55
+ pointer-events: none;
56
+ // Opinionated: remove the "hand" cursor set previously for .page-link
57
+ cursor: auto;
58
+ background-color: $pagination-disabled-bg;
59
+ border-color: $pagination-disabled-border-color;
60
+ }
61
+ }
62
+
63
+
64
+ //
65
+ // Sizing
66
+ //
67
+
68
+ .pagination-lg {
69
+ @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);
70
+ }
71
+
72
+ .pagination-sm {
73
+ @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $pagination-border-radius-sm);
74
+ }
@@ -1,170 +1,170 @@
1
- .popover {
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- z-index: $zindex-popover;
6
- display: block;
7
- max-width: $popover-max-width;
8
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
9
- // So reset our font and text properties to avoid inheriting weird values.
10
- @include reset-text();
11
- @include font-size($popover-font-size);
12
- // Allow breaking very long words so they don't overflow the popover's bounds
13
- word-wrap: break-word;
14
- background-color: $popover-bg;
15
- background-clip: padding-box;
16
- border: $popover-border-width solid $popover-border-color;
17
- @include border-radius($popover-border-radius);
18
- @include box-shadow($popover-box-shadow);
19
-
20
- .arrow {
21
- position: absolute;
22
- display: block;
23
- width: $popover-arrow-width;
24
- height: $popover-arrow-height;
25
- margin: 0 $popover-border-radius;
26
-
27
- &::before,
28
- &::after {
29
- position: absolute;
30
- display: block;
31
- content: "";
32
- border-color: transparent;
33
- border-style: solid;
34
- }
35
- }
36
- }
37
-
38
- .bs-popover-top {
39
- margin-bottom: $popover-arrow-height;
40
-
41
- > .arrow {
42
- bottom: subtract(-$popover-arrow-height, $popover-border-width);
43
-
44
- &::before {
45
- bottom: 0;
46
- border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
47
- border-top-color: $popover-arrow-outer-color;
48
- }
49
-
50
- &::after {
51
- bottom: $popover-border-width;
52
- border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
53
- border-top-color: $popover-arrow-color;
54
- }
55
- }
56
- }
57
-
58
- .bs-popover-right {
59
- margin-left: $popover-arrow-height;
60
-
61
- > .arrow {
62
- left: subtract(-$popover-arrow-height, $popover-border-width);
63
- width: $popover-arrow-height;
64
- height: $popover-arrow-width;
65
- margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
66
-
67
- &::before {
68
- left: 0;
69
- border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
70
- border-right-color: $popover-arrow-outer-color;
71
- }
72
-
73
- &::after {
74
- left: $popover-border-width;
75
- border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
76
- border-right-color: $popover-arrow-color;
77
- }
78
- }
79
- }
80
-
81
- .bs-popover-bottom {
82
- margin-top: $popover-arrow-height;
83
-
84
- > .arrow {
85
- top: subtract(-$popover-arrow-height, $popover-border-width);
86
-
87
- &::before {
88
- top: 0;
89
- border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
90
- border-bottom-color: $popover-arrow-outer-color;
91
- }
92
-
93
- &::after {
94
- top: $popover-border-width;
95
- border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
96
- border-bottom-color: $popover-arrow-color;
97
- }
98
- }
99
-
100
- // This will remove the popover-header's border just below the arrow
101
- .popover-header::before {
102
- position: absolute;
103
- top: 0;
104
- left: 50%;
105
- display: block;
106
- width: $popover-arrow-width;
107
- margin-left: -$popover-arrow-width * .5;
108
- content: "";
109
- border-bottom: $popover-border-width solid $popover-header-bg;
110
- }
111
- }
112
-
113
- .bs-popover-left {
114
- margin-right: $popover-arrow-height;
115
-
116
- > .arrow {
117
- right: subtract(-$popover-arrow-height, $popover-border-width);
118
- width: $popover-arrow-height;
119
- height: $popover-arrow-width;
120
- margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
121
-
122
- &::before {
123
- right: 0;
124
- border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
125
- border-left-color: $popover-arrow-outer-color;
126
- }
127
-
128
- &::after {
129
- right: $popover-border-width;
130
- border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
131
- border-left-color: $popover-arrow-color;
132
- }
133
- }
134
- }
135
-
136
- .bs-popover-auto {
137
- &[x-placement^="top"] {
138
- @extend .bs-popover-top;
139
- }
140
- &[x-placement^="right"] {
141
- @extend .bs-popover-right;
142
- }
143
- &[x-placement^="bottom"] {
144
- @extend .bs-popover-bottom;
145
- }
146
- &[x-placement^="left"] {
147
- @extend .bs-popover-left;
148
- }
149
- }
150
-
151
-
152
- // Offset the popover to account for the popover arrow
153
- .popover-header {
154
- padding: $popover-header-padding-y $popover-header-padding-x;
155
- margin-bottom: 0; // Reset the default from Reboot
156
- @include font-size($font-size-base);
157
- color: $popover-header-color;
158
- background-color: $popover-header-bg;
159
- border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
160
- @include border-top-radius($popover-inner-border-radius);
161
-
162
- &:empty {
163
- display: none;
164
- }
165
- }
166
-
167
- .popover-body {
168
- padding: $popover-body-padding-y $popover-body-padding-x;
169
- color: $popover-body-color;
170
- }
1
+ .popover {
2
+ position: absolute;
3
+ top: 0;
4
+ left: 0;
5
+ z-index: $zindex-popover;
6
+ display: block;
7
+ max-width: $popover-max-width;
8
+ // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
9
+ // So reset our font and text properties to avoid inheriting weird values.
10
+ @include reset-text();
11
+ @include font-size($popover-font-size);
12
+ // Allow breaking very long words so they don't overflow the popover's bounds
13
+ word-wrap: break-word;
14
+ background-color: $popover-bg;
15
+ background-clip: padding-box;
16
+ border: $popover-border-width solid $popover-border-color;
17
+ @include border-radius($popover-border-radius);
18
+ @include box-shadow($popover-box-shadow);
19
+
20
+ .arrow {
21
+ position: absolute;
22
+ display: block;
23
+ width: $popover-arrow-width;
24
+ height: $popover-arrow-height;
25
+ margin: 0 $popover-border-radius;
26
+
27
+ &::before,
28
+ &::after {
29
+ position: absolute;
30
+ display: block;
31
+ content: "";
32
+ border-color: transparent;
33
+ border-style: solid;
34
+ }
35
+ }
36
+ }
37
+
38
+ .bs-popover-top {
39
+ margin-bottom: $popover-arrow-height;
40
+
41
+ > .arrow {
42
+ bottom: subtract(-$popover-arrow-height, $popover-border-width);
43
+
44
+ &::before {
45
+ bottom: 0;
46
+ border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
47
+ border-top-color: $popover-arrow-outer-color;
48
+ }
49
+
50
+ &::after {
51
+ bottom: $popover-border-width;
52
+ border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;
53
+ border-top-color: $popover-arrow-color;
54
+ }
55
+ }
56
+ }
57
+
58
+ .bs-popover-right {
59
+ margin-left: $popover-arrow-height;
60
+
61
+ > .arrow {
62
+ left: subtract(-$popover-arrow-height, $popover-border-width);
63
+ width: $popover-arrow-height;
64
+ height: $popover-arrow-width;
65
+ margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
66
+
67
+ &::before {
68
+ left: 0;
69
+ border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
70
+ border-right-color: $popover-arrow-outer-color;
71
+ }
72
+
73
+ &::after {
74
+ left: $popover-border-width;
75
+ border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;
76
+ border-right-color: $popover-arrow-color;
77
+ }
78
+ }
79
+ }
80
+
81
+ .bs-popover-bottom {
82
+ margin-top: $popover-arrow-height;
83
+
84
+ > .arrow {
85
+ top: subtract(-$popover-arrow-height, $popover-border-width);
86
+
87
+ &::before {
88
+ top: 0;
89
+ border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
90
+ border-bottom-color: $popover-arrow-outer-color;
91
+ }
92
+
93
+ &::after {
94
+ top: $popover-border-width;
95
+ border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);
96
+ border-bottom-color: $popover-arrow-color;
97
+ }
98
+ }
99
+
100
+ // This will remove the popover-header's border just below the arrow
101
+ .popover-header::before {
102
+ position: absolute;
103
+ top: 0;
104
+ left: 50%;
105
+ display: block;
106
+ width: $popover-arrow-width;
107
+ margin-left: -$popover-arrow-width * .5;
108
+ content: "";
109
+ border-bottom: $popover-border-width solid $popover-header-bg;
110
+ }
111
+ }
112
+
113
+ .bs-popover-left {
114
+ margin-right: $popover-arrow-height;
115
+
116
+ > .arrow {
117
+ right: subtract(-$popover-arrow-height, $popover-border-width);
118
+ width: $popover-arrow-height;
119
+ height: $popover-arrow-width;
120
+ margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
121
+
122
+ &::before {
123
+ right: 0;
124
+ border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
125
+ border-left-color: $popover-arrow-outer-color;
126
+ }
127
+
128
+ &::after {
129
+ right: $popover-border-width;
130
+ border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;
131
+ border-left-color: $popover-arrow-color;
132
+ }
133
+ }
134
+ }
135
+
136
+ .bs-popover-auto {
137
+ &[x-placement^="top"] {
138
+ @extend .bs-popover-top;
139
+ }
140
+ &[x-placement^="right"] {
141
+ @extend .bs-popover-right;
142
+ }
143
+ &[x-placement^="bottom"] {
144
+ @extend .bs-popover-bottom;
145
+ }
146
+ &[x-placement^="left"] {
147
+ @extend .bs-popover-left;
148
+ }
149
+ }
150
+
151
+
152
+ // Offset the popover to account for the popover arrow
153
+ .popover-header {
154
+ padding: $popover-header-padding-y $popover-header-padding-x;
155
+ margin-bottom: 0; // Reset the default from Reboot
156
+ @include font-size($font-size-base);
157
+ color: $popover-header-color;
158
+ background-color: $popover-header-bg;
159
+ border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
160
+ @include border-top-radius($popover-inner-border-radius);
161
+
162
+ &:empty {
163
+ display: none;
164
+ }
165
+ }
166
+
167
+ .popover-body {
168
+ padding: $popover-body-padding-y $popover-body-padding-x;
169
+ color: $popover-body-color;
170
+ }