Projet

Général

Profil

0001-roannais-agglomeration-update-steps-36765.patch

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

Télécharger (2,34 ko)

Voir les différences:

Subject: [PATCH] roannais-agglomeration: update steps (#36765)

 static/roannais-agglomeration/_custom.scss | 50 ++++++++--------------
 static/roannais-agglomeration/_vars.scss   | 10 +++++
 2 files changed, 27 insertions(+), 33 deletions(-)
static/roannais-agglomeration/_custom.scss
177 177
	}
178 178
}
179 179

  
180
div#steps {
181
	@media screen and (max-width: $nav-mobile-limit) {
182
		ol {
183
			text-align: center;
184
			padding-top: 5px;
185
		}
180
// Steps
181
.wcs-steps {
182
	&--list {
183
		justify-content: center;
186 184
	}
187
	ol li {
188
		border: none;
185
}
186
@media ($mq-min--wcs-steps-horizontal-layout) {
187
	.wcs-step--label {
189 188
		text-align: center;
190
		&.current span.marker,
191
		span.marker {
192
			background: #8c8c8c;
193
			font-size: 30px;
194
			border-radius: 100%;
195
			color: white;
196
			width: 50px;
197
			height: 50px;
198
			line-height: 50px;
199
			margin: 0 auto;
200
			@media screen and (max-width: $nav-mobile-limit) {
201
				width: 16px;
202
				border: none;
203
			}
204
		}
205
		&.current span.marker {
206
			background: $red;
207
		}
208
		span.label {
209
			display: block;
210
			color: $font-color;
211
			margin-top: 5px;
212
			@media screen and (max-width: $nav-mobile-limit) {
213
				display: none;
214
			}
189
	}
190
}
191
@include desktop-vertical-steps() {
192
	.wcs-step {
193
		flex-direction: column;
194
		align-items: center;
195
		margin-bottom: $wcs-steps-spacing * 3;
196

  
197
		&--label {
198
			margin-top: $wcs-steps-spacing;
215 199
		}
216 200
	}
217 201
}
static/roannais-agglomeration/_vars.scss
33 33
$border-radius: 0;
34 34
$button-background: $red;
35 35
$widget-focus-border: 1px solid $red2;
36

  
37
$wcs-step-border-bottom: none;
38
$wcs-step-color: $font-color;
39
$wcs-step-current-color: black;
40
$wcs-step-marker-background: #8c8c8c;
41
$wcs-step-marker-color: #fff;
42
$wcs-step-current-marker-color: #fff;
43
$wcs-step-current-marker-background: $red;
44
$wcs-step-marker-type: disc;
45

  
36
-