comfortable_mexican_sofa 2.0.18 → 2.0.19
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/.travis.yml +19 -14
- data/Gemfile +2 -2
- data/LICENSE +1 -1
- data/README.md +4 -2
- data/app/assets/config/manifest.js +0 -0
- data/app/assets/javascripts/comfy/admin/cms/application.js +1 -2
- data/app/assets/javascripts/comfy/vendor/bootstrap.bundle.min.js +7 -0
- data/app/assets/javascripts/comfy/vendor/bootstrap.bundle.min.js.map +1 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_alert.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_badge.scss +8 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_breadcrumb.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_button-group.scss +9 -18
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_buttons.scss +9 -16
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_card.scss +36 -48
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_carousel.scss +37 -76
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_close.scss +15 -8
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_code.scss +5 -5
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_custom-forms.scss +140 -54
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_dropdown.scss +34 -9
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_forms.scss +29 -34
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_functions.scss +8 -8
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_grid.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_images.scss +2 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_input-group.scss +43 -8
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_jumbotron.scss +1 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_list-group.scss +39 -5
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_media.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_mixins.scss +6 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_modal.scss +78 -17
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_nav.scss +2 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_navbar.scss +9 -14
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_pagination.scss +0 -5
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_popover.scss +47 -59
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_print.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_progress.scss +15 -6
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_reboot.scss +47 -44
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_root.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_spinners.scss +55 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_tables.scss +5 -8
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_toasts.scss +44 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_tooltip.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_transitions.scss +0 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_type.scss +16 -16
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_utilities.scss +2 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/_variables.scss +371 -177
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-grid.scss +4 -7
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap-reboot.scss +3 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/bootstrap.scss +5 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_alert.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_background-variant.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_badge.scss +7 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_border-radius.scss +29 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_box-shadow.scss +16 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_breakpoints.scss +3 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_buttons.scss +12 -14
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_caret.scss +4 -8
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_clearfix.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_deprecate.scss +10 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_float.scss +3 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_forms.scss +58 -13
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_gradients.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_grid-framework.scss +3 -4
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_grid.scss +9 -10
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_hover.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_image.scss +2 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_list-group.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_lists.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_nav-divider.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_pagination.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_reset-text.scss +1 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_resize.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_screen-reader.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_size.scss +1 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_table-row.scss +10 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-emphasis.scss +5 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-hide.scss +1 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_text-truncate.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_transition.scss +5 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/mixins/_visibility.scss +1 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_align.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_background.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_borders.scss +17 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_clearfix.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_display.scss +6 -18
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_embed.scss +7 -20
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_flex.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_float.scss +5 -3
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_overflow.scss +5 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_position.scss +0 -5
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_screenreaders.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_shadows.scss +0 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_sizing.scss +8 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_spacing.scss +23 -1
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_stretched-link.scss +19 -0
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_text.scss +19 -5
- data/app/assets/stylesheets/comfy/vendor/bootstrap/utilities/_visibility.scss +4 -2
- data/app/assets/stylesheets/comfy/vendor/bootstrap/vendor/_rfs.scss +204 -0
- data/app/models/comfy/cms/file.rb +6 -1
- data/app/models/comfy/cms/fragment.rb +6 -2
- data/app/models/comfy/cms/layout.rb +16 -8
- data/app/models/comfy/cms/page.rb +12 -17
- data/app/views/comfy/admin/cms/files/index.html.haml +4 -2
- data/app/views/comfy/admin/cms/pages/_form.html.haml +2 -2
- data/app/views/comfy/admin/cms/pages/index.html.haml +2 -2
- data/config/locales/ar.yml +262 -0
- data/config/locales/ca.yml +0 -1
- data/config/locales/cs.yml +0 -1
- data/config/locales/da.yml +0 -1
- data/config/locales/de.yml +60 -61
- data/config/locales/en.yml +0 -1
- data/config/locales/es.yml +0 -1
- data/config/locales/fi.yml +0 -1
- data/config/locales/fr.yml +0 -1
- data/config/locales/gr.yml +0 -1
- data/config/locales/hr.yml +262 -0
- data/config/locales/it.yml +0 -1
- data/config/locales/ja.yml +0 -1
- data/config/locales/nb.yml +0 -1
- data/config/locales/nl.yml +0 -1
- data/config/locales/pl.yml +0 -1
- data/config/locales/pt-BR.yml +0 -1
- data/config/locales/ru.yml +0 -1
- data/config/locales/sk.yml +0 -1
- data/config/locales/sv.yml +0 -1
- data/config/locales/tr.yml +0 -1
- data/config/locales/uk.yml +0 -1
- data/config/locales/zh-CN.yml +0 -1
- data/config/locales/zh-TW.yml +0 -1
- data/lib/comfortable_mexican_sofa/configuration.rb +2 -0
- data/lib/comfortable_mexican_sofa/seeds.rb +6 -2
- data/lib/comfortable_mexican_sofa/version.rb +1 -1
- data/lib/tasks/cms_seeds.rake +7 -7
- metadata +15 -5
- data/app/assets/javascripts/comfy/vendor/bootstrap.min.js +0 -7
- data/app/assets/javascripts/comfy/vendor/popper.min.js +0 -6
File without changes
|
@@ -4,20 +4,25 @@
|
|
4
4
|
// .modal-content - actual modal w/ bg and corners and stuff
|
5
5
|
|
6
6
|
|
7
|
-
// Kill the scroll on the body
|
8
7
|
.modal-open {
|
8
|
+
// Kill the scroll on the body
|
9
9
|
overflow: hidden;
|
10
|
+
|
11
|
+
.modal {
|
12
|
+
overflow-x: hidden;
|
13
|
+
overflow-y: auto;
|
14
|
+
}
|
10
15
|
}
|
11
16
|
|
12
17
|
// Container that the modal scrolls within
|
13
18
|
.modal {
|
14
19
|
position: fixed;
|
15
20
|
top: 0;
|
16
|
-
right: 0;
|
17
|
-
bottom: 0;
|
18
21
|
left: 0;
|
19
22
|
z-index: $zindex-modal;
|
20
23
|
display: none;
|
24
|
+
width: 100%;
|
25
|
+
height: 100%;
|
21
26
|
overflow: hidden;
|
22
27
|
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
23
28
|
// https://github.com/twbs/bootstrap/pull/10951.
|
@@ -25,11 +30,6 @@
|
|
25
30
|
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
|
26
31
|
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
27
32
|
// See also https://github.com/twbs/bootstrap/issues/17695
|
28
|
-
|
29
|
-
.modal-open & {
|
30
|
-
overflow-x: hidden;
|
31
|
-
overflow-y: auto;
|
32
|
-
}
|
33
33
|
}
|
34
34
|
|
35
35
|
// Shell div to position the modal with bottom padding
|
@@ -43,17 +43,58 @@
|
|
43
43
|
// When fading in the modal, animate it to slide down
|
44
44
|
.modal.fade & {
|
45
45
|
@include transition($modal-transition);
|
46
|
-
transform:
|
46
|
+
transform: $modal-fade-transform;
|
47
47
|
}
|
48
48
|
.modal.show & {
|
49
|
-
transform:
|
49
|
+
transform: $modal-show-transform;
|
50
|
+
}
|
51
|
+
}
|
52
|
+
|
53
|
+
.modal-dialog-scrollable {
|
54
|
+
display: flex; // IE10/11
|
55
|
+
max-height: calc(100% - #{$modal-dialog-margin * 2});
|
56
|
+
|
57
|
+
.modal-content {
|
58
|
+
max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11
|
59
|
+
overflow: hidden;
|
60
|
+
}
|
61
|
+
|
62
|
+
.modal-header,
|
63
|
+
.modal-footer {
|
64
|
+
flex-shrink: 0;
|
65
|
+
}
|
66
|
+
|
67
|
+
.modal-body {
|
68
|
+
overflow-y: auto;
|
50
69
|
}
|
51
70
|
}
|
52
71
|
|
53
72
|
.modal-dialog-centered {
|
54
73
|
display: flex;
|
55
74
|
align-items: center;
|
56
|
-
min-height: calc(100% -
|
75
|
+
min-height: calc(100% - #{$modal-dialog-margin * 2});
|
76
|
+
|
77
|
+
// Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
|
78
|
+
&::before {
|
79
|
+
display: block; // IE10
|
80
|
+
height: calc(100vh - #{$modal-dialog-margin * 2});
|
81
|
+
content: "";
|
82
|
+
}
|
83
|
+
|
84
|
+
// Ensure `.modal-body` shows scrollbar (IE10/11)
|
85
|
+
&.modal-dialog-scrollable {
|
86
|
+
flex-direction: column;
|
87
|
+
justify-content: center;
|
88
|
+
height: 100%;
|
89
|
+
|
90
|
+
.modal-content {
|
91
|
+
max-height: none;
|
92
|
+
}
|
93
|
+
|
94
|
+
&::before {
|
95
|
+
content: none;
|
96
|
+
}
|
97
|
+
}
|
57
98
|
}
|
58
99
|
|
59
100
|
// Actual modal
|
@@ -63,6 +104,7 @@
|
|
63
104
|
flex-direction: column;
|
64
105
|
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
65
106
|
// counteract the pointer-events: none; in the .modal-dialog
|
107
|
+
color: $modal-content-color;
|
66
108
|
pointer-events: auto;
|
67
109
|
background-color: $modal-content-bg;
|
68
110
|
background-clip: padding-box;
|
@@ -77,10 +119,10 @@
|
|
77
119
|
.modal-backdrop {
|
78
120
|
position: fixed;
|
79
121
|
top: 0;
|
80
|
-
right: 0;
|
81
|
-
bottom: 0;
|
82
122
|
left: 0;
|
83
123
|
z-index: $zindex-modal-backdrop;
|
124
|
+
width: 100vw;
|
125
|
+
height: 100vh;
|
84
126
|
background-color: $modal-backdrop-bg;
|
85
127
|
|
86
128
|
// Fade for backdrop
|
@@ -101,7 +143,7 @@
|
|
101
143
|
.close {
|
102
144
|
padding: $modal-header-padding;
|
103
145
|
// auto on the left force icon to the right even when there is no .modal-title
|
104
|
-
margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
|
146
|
+
margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
|
105
147
|
}
|
106
148
|
}
|
107
149
|
|
@@ -128,6 +170,7 @@
|
|
128
170
|
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
129
171
|
padding: $modal-inner-padding;
|
130
172
|
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
173
|
+
@include border-bottom-radius($modal-content-border-radius);
|
131
174
|
|
132
175
|
// Easily place margin between footer elements
|
133
176
|
> :not(:first-child) { margin-left: .25rem; }
|
@@ -151,8 +194,20 @@
|
|
151
194
|
margin: $modal-dialog-margin-y-sm-up auto;
|
152
195
|
}
|
153
196
|
|
197
|
+
.modal-dialog-scrollable {
|
198
|
+
max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
199
|
+
|
200
|
+
.modal-content {
|
201
|
+
max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
202
|
+
}
|
203
|
+
}
|
204
|
+
|
154
205
|
.modal-dialog-centered {
|
155
|
-
min-height: calc(100% -
|
206
|
+
min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
|
207
|
+
|
208
|
+
&::before {
|
209
|
+
height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
|
210
|
+
}
|
156
211
|
}
|
157
212
|
|
158
213
|
.modal-content {
|
@@ -160,9 +215,15 @@
|
|
160
215
|
}
|
161
216
|
|
162
217
|
.modal-sm { max-width: $modal-sm; }
|
163
|
-
|
164
218
|
}
|
165
219
|
|
166
220
|
@include media-breakpoint-up(lg) {
|
167
|
-
.modal-lg
|
221
|
+
.modal-lg,
|
222
|
+
.modal-xl {
|
223
|
+
max-width: $modal-lg;
|
224
|
+
}
|
225
|
+
}
|
226
|
+
|
227
|
+
@include media-breakpoint-up(xl) {
|
228
|
+
.modal-xl { max-width: $modal-xl; }
|
168
229
|
}
|
@@ -24,7 +24,7 @@
|
|
24
24
|
padding: $navbar-padding-y $navbar-padding-x;
|
25
25
|
|
26
26
|
// Because flex properties aren't inherited, we need to redeclare these first
|
27
|
-
// few
|
27
|
+
// few properties so that content nested within behave properly.
|
28
28
|
> .container,
|
29
29
|
> .container-fluid {
|
30
30
|
display: flex;
|
@@ -44,7 +44,7 @@
|
|
44
44
|
padding-top: $navbar-brand-padding-y;
|
45
45
|
padding-bottom: $navbar-brand-padding-y;
|
46
46
|
margin-right: $navbar-padding-x;
|
47
|
-
font-size
|
47
|
+
@include font-size($navbar-brand-font-size);
|
48
48
|
line-height: inherit;
|
49
49
|
white-space: nowrap;
|
50
50
|
|
@@ -94,7 +94,7 @@
|
|
94
94
|
// Powered by the collapse Bootstrap JavaScript plugin.
|
95
95
|
|
96
96
|
// When collapsed, prevent the toggleable navbar contents from appearing in
|
97
|
-
// the default flexbox row
|
97
|
+
// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
|
98
98
|
// on the `.navbar` parent.
|
99
99
|
.navbar-collapse {
|
100
100
|
flex-basis: 100%;
|
@@ -107,7 +107,7 @@
|
|
107
107
|
// Button for toggling the navbar when in its collapsed state
|
108
108
|
.navbar-toggler {
|
109
109
|
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
110
|
-
font-size
|
110
|
+
@include font-size($navbar-toggler-font-size);
|
111
111
|
line-height: 1;
|
112
112
|
background-color: transparent; // remove default button style
|
113
113
|
border: $border-width solid transparent; // remove default button style
|
@@ -116,11 +116,6 @@
|
|
116
116
|
@include hover-focus {
|
117
117
|
text-decoration: none;
|
118
118
|
}
|
119
|
-
|
120
|
-
// Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
|
121
|
-
&:not(:disabled):not(.disabled) {
|
122
|
-
cursor: pointer;
|
123
|
-
}
|
124
119
|
}
|
125
120
|
|
126
121
|
// Keep as a separate element so folks can easily override it with another icon
|
@@ -175,7 +170,7 @@
|
|
175
170
|
}
|
176
171
|
|
177
172
|
.navbar-collapse {
|
178
|
-
display: flex !important;
|
173
|
+
display: flex !important; // stylelint-disable-line declaration-no-important
|
179
174
|
|
180
175
|
// Changes flex-bases to auto because of an IE10 bug
|
181
176
|
flex-basis: auto;
|
@@ -197,10 +192,10 @@
|
|
197
192
|
// Dark links against a light background
|
198
193
|
.navbar-light {
|
199
194
|
.navbar-brand {
|
200
|
-
color: $navbar-light-
|
195
|
+
color: $navbar-light-brand-color;
|
201
196
|
|
202
197
|
@include hover-focus {
|
203
|
-
color: $navbar-light-
|
198
|
+
color: $navbar-light-brand-hover-color;
|
204
199
|
}
|
205
200
|
}
|
206
201
|
|
@@ -249,10 +244,10 @@
|
|
249
244
|
// White links against a dark background
|
250
245
|
.navbar-dark {
|
251
246
|
.navbar-brand {
|
252
|
-
color: $navbar-dark-
|
247
|
+
color: $navbar-dark-brand-color;
|
253
248
|
|
254
249
|
@include hover-focus {
|
255
|
-
color: $navbar-dark-
|
250
|
+
color: $navbar-dark-brand-hover-color;
|
256
251
|
}
|
257
252
|
}
|
258
253
|
|
@@ -8,7 +8,7 @@
|
|
8
8
|
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
9
9
|
// So reset our font and text properties to avoid inheriting weird values.
|
10
10
|
@include reset-text();
|
11
|
-
font-size
|
11
|
+
@include font-size($popover-font-size);
|
12
12
|
// Allow breaking very long words so they don't overflow the popover's bounds
|
13
13
|
word-wrap: break-word;
|
14
14
|
background-color: $popover-bg;
|
@@ -38,72 +38,63 @@
|
|
38
38
|
.bs-popover-top {
|
39
39
|
margin-bottom: $popover-arrow-height;
|
40
40
|
|
41
|
-
.arrow {
|
41
|
+
> .arrow {
|
42
42
|
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
43
|
-
}
|
44
43
|
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
.arrow::before {
|
51
|
-
bottom: 0;
|
52
|
-
border-top-color: $popover-arrow-outer-color;
|
53
|
-
}
|
44
|
+
&::before {
|
45
|
+
bottom: 0;
|
46
|
+
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
47
|
+
border-top-color: $popover-arrow-outer-color;
|
48
|
+
}
|
54
49
|
|
55
|
-
|
56
|
-
|
57
|
-
|
50
|
+
&::after {
|
51
|
+
bottom: $popover-border-width;
|
52
|
+
border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
|
53
|
+
border-top-color: $popover-arrow-color;
|
54
|
+
}
|
58
55
|
}
|
59
56
|
}
|
60
57
|
|
61
58
|
.bs-popover-right {
|
62
59
|
margin-left: $popover-arrow-height;
|
63
60
|
|
64
|
-
.arrow {
|
61
|
+
> .arrow {
|
65
62
|
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
66
63
|
width: $popover-arrow-height;
|
67
64
|
height: $popover-arrow-width;
|
68
65
|
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
69
|
-
}
|
70
|
-
|
71
|
-
.arrow::before,
|
72
|
-
.arrow::after {
|
73
|
-
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
74
|
-
}
|
75
66
|
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
67
|
+
&::before {
|
68
|
+
left: 0;
|
69
|
+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
70
|
+
border-right-color: $popover-arrow-outer-color;
|
71
|
+
}
|
80
72
|
|
81
|
-
|
82
|
-
|
83
|
-
|
73
|
+
&::after {
|
74
|
+
left: $popover-border-width;
|
75
|
+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
|
76
|
+
border-right-color: $popover-arrow-color;
|
77
|
+
}
|
84
78
|
}
|
85
79
|
}
|
86
80
|
|
87
81
|
.bs-popover-bottom {
|
88
82
|
margin-top: $popover-arrow-height;
|
89
83
|
|
90
|
-
.arrow {
|
84
|
+
> .arrow {
|
91
85
|
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
92
|
-
}
|
93
|
-
|
94
|
-
.arrow::before,
|
95
|
-
.arrow::after {
|
96
|
-
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
97
|
-
}
|
98
86
|
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
87
|
+
&::before {
|
88
|
+
top: 0;
|
89
|
+
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
90
|
+
border-bottom-color: $popover-arrow-outer-color;
|
91
|
+
}
|
103
92
|
|
104
|
-
|
105
|
-
|
106
|
-
|
93
|
+
&::after {
|
94
|
+
top: $popover-border-width;
|
95
|
+
border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
|
96
|
+
border-bottom-color: $popover-arrow-color;
|
97
|
+
}
|
107
98
|
}
|
108
99
|
|
109
100
|
// This will remove the popover-header's border just below the arrow
|
@@ -113,7 +104,7 @@
|
|
113
104
|
left: 50%;
|
114
105
|
display: block;
|
115
106
|
width: $popover-arrow-width;
|
116
|
-
margin-left:
|
107
|
+
margin-left: -$popover-arrow-width / 2;
|
117
108
|
content: "";
|
118
109
|
border-bottom: $popover-border-width solid $popover-header-bg;
|
119
110
|
}
|
@@ -122,26 +113,23 @@
|
|
122
113
|
.bs-popover-left {
|
123
114
|
margin-right: $popover-arrow-height;
|
124
115
|
|
125
|
-
.arrow {
|
116
|
+
> .arrow {
|
126
117
|
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
|
127
118
|
width: $popover-arrow-height;
|
128
119
|
height: $popover-arrow-width;
|
129
120
|
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
|
130
|
-
}
|
131
|
-
|
132
|
-
.arrow::before,
|
133
|
-
.arrow::after {
|
134
|
-
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
135
|
-
}
|
136
121
|
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
122
|
+
&::before {
|
123
|
+
right: 0;
|
124
|
+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
125
|
+
border-left-color: $popover-arrow-outer-color;
|
126
|
+
}
|
141
127
|
|
142
|
-
|
143
|
-
|
144
|
-
|
128
|
+
&::after {
|
129
|
+
right: $popover-border-width;
|
130
|
+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
|
131
|
+
border-left-color: $popover-arrow-color;
|
132
|
+
}
|
145
133
|
}
|
146
134
|
}
|
147
135
|
|
@@ -165,7 +153,7 @@
|
|
165
153
|
.popover-header {
|
166
154
|
padding: $popover-header-padding-y $popover-header-padding-x;
|
167
155
|
margin-bottom: 0; // Reset the default from Reboot
|
168
|
-
font-size
|
156
|
+
@include font-size($font-size-base);
|
169
157
|
color: $popover-header-color;
|
170
158
|
background-color: $popover-header-bg;
|
171
159
|
border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
|