Projet

Général

Profil

0001-scss-refactor-carrousel-content-positionning-40717.patch

Voir les différences:

Subject: [PATCH 1/2] scss: refactor carrousel content positionning (#40717)

 static/includes/_carrousel.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)
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
-