Projet

Général

Profil

0001-saint-chamond-update-steps-36765.patch

Thomas Jund (congés, retour le 29/04), 27 novembre 2019 16:49

Télécharger (2,26 ko)

Voir les différences:

Subject: [PATCH] saint-chamond: update steps (#36765)

 static/saint-chamond/_custom.scss | 49 ++++++++++++-------------------
 static/saint-chamond/_vars.scss   |  9 ++++++
 2 files changed, 27 insertions(+), 31 deletions(-)
static/saint-chamond/_custom.scss
191 191
	}
192 192
}
193 193

  
194
div#steps {
195
	@media screen and (max-width: $nav-mobile-limit) {
196
		ol {
197
			text-align: center;
198
			padding-top: 5px;
199
		}
194
// Steps
195
.wcs-steps {
196
	margin-top: $wcs-steps-spacing * 2;
197
	&--list {
198
		justify-content: center;
200 199
	}
201
	ol li {
202
		border: none;
200
}
201
@media ($mq-min--wcs-steps-horizontal-layout) {
202
	.wcs-step--label {
203 203
		text-align: center;
204
		&.current span.marker,
205
		span.marker {
206
			background: $turquoise;
207
			border-radius: 100%;
208
			color: white;
209
			width: 50px;
210
			margin: 0 auto;
211
			display: inline-block;
212
			@media screen and (max-width: $nav-mobile-limit) {
213
				width: 16px;
214
				border: none;
215
			}
216
		}
217
		&.current span.marker {
218
			background: $blue;
219
		}
220
		span.label {
221
			display: block;
222
			color: $font-color;
223
			margin-top: 5px;
224
			@media screen and (max-width: $nav-mobile-limit) {
225
				display: none;
226
			}
204
	}
205
}
206
@include desktop-vertical-steps() {
207
	.wcs-step {
208
		flex-direction: column;
209
		align-items: center;
210
		margin-bottom: $wcs-steps-spacing * 3;
211

  
212
		&--label {
213
			margin-top: $wcs-steps-spacing;
227 214
		}
228 215
	}
229 216
}
static/saint-chamond/_vars.scss
27 27
$border-radius: 0;
28 28
$button-background: $blue;
29 29
$widget-focus-border: 1px solid $blue2;
30

  
31
$wcs-step-border-bottom: none;
32
$wcs-step-color: $font-color;
33
$wcs-step-current-color: black;
34
$wcs-step-marker-background: $turquoise;
35
$wcs-step-marker-color: #fff;
36
$wcs-step-current-marker-color: #fff;
37
$wcs-step-current-marker-background: $blue;
38
$wcs-step-marker-type: disc;
30
-