Projet

Général

Profil

0001-fontenay-sous-bois-update-steps-36765.patch

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

Télécharger (4,13 ko)

Voir les différences: 

Subject: [PATCH] fontenay-sous-bois: update steps (#36765)


 static/fontenay-sous-bois-2018/_custom.scss | 114 ++++++++++----------
 static/fontenay-sous-bois-2018/_vars.scss   |  15 +++
 2 files changed, 72 insertions(+), 57 deletions(-)
static/fontenay-sous-bois-2018/_custom.scss
355 355 
		border-radius: 10px;
356 356 
		text-align: center;
357 357 
		div#tracking-code {
358 
			min-width: 0;
358 359 
			background: transparent url(img/trackingcode.png) 2rem 1rem no-repeat;
359 360 
			padding: 1rem 3rem 1rem 130px;
360 361 
			@media screen and (max-width: $mobile-limit) {
......
374 375 
			}
375 376 
		}
376 377 
	}
377 
	div#steps {
378 
		margin-top: 1rem;
379 
		&::before {
380 
			content: "";
381 
			height: 1px;
382 
			width: 80%;
383 
			margin-left: 10%;
384 
			background: $primary-color;
385 
			display: block;
386 
			position: relative;
387 
			top: 70px;
378 
}
379 

  		




  
  380
  
    
// Steps

  		




  
  381
  
    
.wcs-steps {

  		




  
  382
  
    
	border-radius: 10px;

  		




  
  383
  
    
	overflow: hidden;

  		




  
  384
  
    
	font-size: 1.2em;

  		




  
  385
  
    
}

  		




  
  386
  
    
.wcs-step {

  		




  
  387
  
    
	&--marker {

  		




  
  388
  
    
		background-size: 100% !important;

  		




  
  389
  
    
	}

  		




  
  390
  
    
	&--label {

  		




  
  391
  
    
		text-align: left;

  		




  
  392
  
    
	}

  		




  
  393
  
    
	&.current {

  		




  
  394
  
    
		font-weight: normal;

  		




  
  395
  
    
	}

  		




  
  396
  
    
}

  		




  
  397
  
    
@media ($mq-min--wcs-steps-horizontal-layout){

  		




  
  398
  
    
	.wcs-steps--list {

  		




  
  399
  
    
		justify-content: center;

  		




  
  400
  
    
	}

  		




  
  401
  
    
	.wcs-step {

  		




  
  402
  
    
		margin-right: $wcs-steps-spacing;

  		




  
  403
  
    
		flex: 1 1 auto;

  		




  
  404
  
    
		max-width: 33%; 

  		




  
  405
  
    
		&:last-child {

  		




  
  406
  
    
			flex: 0 1 auto;

  		




  
  407
  
    
		}

  		




  
  408
  
    
		&--label {

  		




  
  409
  
    
			text-align: center;

  		




  388
  410
  
    
		}

  		




  389
  
  
    
		ol {

  		




  390
  
  
    
			display: -ms-flexbox;

  		




  391
  
  
    
			display: flex;

  		




  392
  
  
    
			-ms-justify-content: space-evenly;

  		




  393
  
  
    
			justify-content: space-evenly;

  		




  
  411
  
    
	}

  		




  
  412
  
    
}

  		




  
  413
  
    
@include desktop-horizontal-steps() {

  		




  
  414
  
    
	.wcs-steps{

  		




  
  415
  
    
		font-size: 2.5em;

  		




  
  416
  
    
		&--list {

  		




  
  417
  
    
			padding-bottom: 0;

  		




  394
  418
  
    
		}

  		




  395
  
  
    
		li {

  		




  396
  
  
    
			position: relative;

  		




  397
  
  
    
			z-index: 10;

  		




  
  419
  
    
	}

  		




  
  420
  
    
	.wcs-step {

  		




  
  421
  
    
		$wcs-step-marker-size: 6rem;

  		




  
  422
  
    
		position: relative;

  		




  
  423
  
    
		padding-bottom: $wcs-steps-spacing / 2;

  		




  
  424
  
    
		margin-bottom: 2em;

  		




  
  425
  
    
		&--marker {

  		




  
  426
  
    
			width: $wcs-step-marker-size;

  		




  
  427
  
    
			height: $wcs-step-marker-size;

  		




  
  428
  
    
			flex-basis: $wcs-step-marker-size;

  		




  
  429
  
    
		}

  		




  
  430
  
    
		&--label {

  		




  
  431
  
    
			display: block !important;

  		




  
  432
  
    
			font-size: 0.4em;

  		




  
  433
  
    
			top: 100%;

  		




  
  434
  
    
			width: calc(#{$wcs-step-marker-size} + #{$wcs-steps-spacing});

  		




  
  435
  
    
			margin-left: $wcs-steps-spacing / 2 *-1;

  		




  398
  436
  
    
			text-align: center;

  		




  399
  
  
    
			width: 15ex;

  		




  400
  
  
    
			border-bottom: 0;

  		




  401
  
  
    
			background: url(img/step-g.png) top center no-repeat;

  		




  402
  
  
    
			@media screen and (max-width: $mobile-limit) {

  		




  403
  
  
    
				background: none;

  		




  404
  
  
    
				width: 2ex;

  		




  405
  
  
    
				text-align: center;

  		




  406
  
  
    
				padding-right: 0;

  		




  407
  
  
    
			}

  		




  408
  
  
    
			span.marker {

  		




  409
  
  
    
				padding: 1.5rem 0;

  		




  410
  
  
    
				color: white;

  		




  411
  
  
    
				@media screen and (max-width: $mobile-limit) {

  		




  412
  
  
    
					padding: 0;

  		




  413
  
  
    
					display: inline-block;

  		




  414
  
  
    
					width: 100%;

  		




  415
  
  
    
				}

  		




  416
  
  
    
			}

  		




  417
  
  
    
			span.label {

  		




  418
  
  
    
				display: inline-block;

  		




  419
  
  
    
				padding-top: 0.5rem;

  		




  420
  
  
    
				@media screen and (max-width: $mobile-limit) {

  		




  421
  
  
    
					display: none;

  		




  422
  
  
    
				}

  		




  423
  
  
    
			}

  		




  424
  
  
    
			&.current {

  		




  425
  
  
    
				background-image: url(img/step-r.png);

  		




  426
  
  
    
				span.label {

  		




  427
  
  
    
					color: $primary-color;

  		




  428
  
  
    
					font-weight: normal;

  		




  429
  
  
    
				}

  		




  430
  
  
    
				@media screen and (max-width: $mobile-limit) {

  		




  431
  
  
    
					background: none;

  		




  432
  
  
    
					span.marker {

  		




  433
  
  
    
						background: $primary-color;

  		




  434
  
  
    
					}

  		




  435
  
  
    
				}

  		




  436
  
  
    
			}

  		




  437
  437
  
    
		}

  		




  438
  438
  
    
	}

  		




  439
  439
  
    
}

  		












  

    
      static/fontenay-sous-bois-2018/_vars.scss
    
  





  29
  29
  
    
$footer-background: $primary-color;

  		




  30
  30
  
    

  		




  31
  31
  
    
$widget-unique-checkbox-position: left;

  		




  
  32
  
    

  		




  
  33
  
    
$form-sidebar-position: top;

  		




  
  34
  
    
$wcs-step-border-bottom: none;

  		




  
  35
  
    
$wcs-steps-spacing: 1rem;

  		




  
  36
  
    
$wcs-steps-background: white;

  		




  
  37
  
    
$wcs-step-marker-size: 3rem;

  		




  
  38
  
    
$wcs-step-marker-type: tied;

  		




  
  39
  
    
$wcs-step-marker-tie-color: $primary-color;

  		




  
  40
  
    
$wcs-step-marker-tie-width: 1px;

  		




  
  41
  
    
$wcs-step-marker-color: white;

  		




  
  42
  
    
$wcs-step-marker-background: url(img/step-g.png) center center no-repeat;

  		




  
  43
  
    
$wcs-step-current-marker-color: white;

  		




  
  44
  
    
$wcs-step-current-marker-background: url(img/step-r.png) center center no-repeat;

  		




  
  45
  
    

  		




  
  46
  
    

  		




  32
  
  
    
-