Projet

Général

Profil

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

Serghei Mihai (congés, retour 15/05), 16 mars 2020 15:32

Télécharger (1,96 ko)

Voir les différences: 

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


 static/includes/_carrousel.scss | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)
static/includes/_carrousel.scss
37 37 
		pointer-events: none;
38 38 
		transition: opacity ease 0.5s;
39 39 
		div.carrousel-item {
40 
			display: table;
41 40 
			position: relative;
42 41 
			background-position: center center;
43 42 
			box-sizing: border-box;
......
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 
				text-align: center;
63 
			} @else if $carrousel-text-position == "bottom-left" {
64 
				align-items: flex-end;
65 
				justify-content: flex-start;
66 
				text-align: left;
67 
			}
59 68 
			div.carrousel-item-content {
69 
				@if $carrousel-navigation == "visible" {
70 
					margin-bottom: 1.5rem;
71 
				}
60 72 
				> a {
61 73 
					display: block;
62 74 
					color: inherit;
63 75 
					box-sizing: border-box;
64 76 
				}
65 
				position: relative;
66 77 
				@if $carrousel-text-position == "middle" {
67 78 
					> a {
68 79 
						padding: 1rem;
......
73 84 
							margin-right: 2rem;
74 85 
						}
75 86 
					}
76 
					display: table-cell;
77 
					vertical-align: middle;
78 87 
					p {
79 88 
						margin-left: auto;
80 89 
						margin-right: auto;
81 90 
					}
82 
				} @else if $carrousel-text-position == "bottom-left" {
83 
					text-align: left;
84 
					position: absolute;
85 
					bottom: 1rem;
86 91 
				}
87 92 
				z-index: 100;
88 93 
				line-height: 110%;
......
92 97 
			}
93 98 
			color: white;
94 99 
			font-size: 120%;
95 
			text-align: center;
96 100 
		}
97 101 
	}
98 102 

  		




  99
  
  
    
-