0001-scss-refactor-carrousel-content-positionning-40717.patch
static/includes/_carrousel.scss | ||
---|---|---|
16 | 16 |
/* $carrousel-navigation-bullet-border: border of slide bullets */ |
17 | 17 |
$carrousel-navigation-bullet-border: 1px solid white !default; |
18 | 18 | |
19 | ||
20 | 19 |
/* $carrousel-arrows: visible or none */ |
21 | 20 |
$carrousel-arrows: visible !default; |
22 | 21 | |
... | ... | |
56 | 55 |
background: black; |
57 | 56 |
opacity: 0.3; |
58 | 57 |
} |
58 |
display: flex; |
|
59 |
@if $carrousel-text-position == "middle" { |
|
60 |
align-items: center; |
|
61 |
justify-content: center; |
|
62 |
} @else if $carrousel-text-position == "bottom-left" { |
|
63 |
align-items: flex-end; |
|
64 |
justify-content: flex-start; |
|
65 |
} |
|
59 | 66 |
div.carrousel-item-content { |
67 |
@if $carrousel-navigation == "visible" { |
|
68 |
margin-bottom: 1.5rem; |
|
69 |
} |
|
60 | 70 |
> a { |
61 | 71 |
display: block; |
62 | 72 |
color: inherit; |
63 | 73 |
box-sizing: border-box; |
64 | 74 |
} |
65 |
position: relative; |
|
66 | 75 |
@if $carrousel-text-position == "middle" { |
67 | 76 |
> a { |
68 | 77 |
padding: 1rem; |
... | ... | |
73 | 82 |
margin-right: 2rem; |
74 | 83 |
} |
75 | 84 |
} |
76 |
display: table-cell; |
|
77 |
vertical-align: middle; |
|
78 | 85 |
p { |
79 | 86 |
margin-left: auto; |
80 | 87 |
margin-right: auto; |
81 | 88 |
} |
82 | 89 |
} @else if $carrousel-text-position == "bottom-left" { |
83 | 90 |
text-align: left; |
84 |
position: absolute; |
|
85 |
bottom: 1rem; |
|
86 | 91 |
} |
87 | 92 |
z-index: 100; |
88 | 93 |
line-height: 110%; |
89 |
- |