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

Thomas Jund (congés, retour le 29/04), 29 novembre 2019 11:50

Voir les différences: en ligne côte à côte

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

 static/fontenay-sous-bois-2018/_custom.scss | 125 +++++++++++---------
 static/fontenay-sous-bois-2018/_vars.scss   |  15 +++
 2 files changed, 83 insertions(+), 57 deletions(-)

     		border-radius: 10px;
     		text-align: center;
     		div#tracking-code {
     			min-width: 0;
     			background: transparent url(img/trackingcode.png) 2rem 1rem no-repeat;
     			padding: 1rem 3rem 1rem 130px;
     			@media screen and (max-width: $mobile-limit) {
-...
+    			}
+    		}
+    	}
     	div#steps {
     		margin-top: 1rem;
     		&::before {
     			content: "";
     			height: 1px;
     			width: 80%;
     			margin-left: 10%;
     			background: $primary-color;
     			display: block;
     			position: relative;
     			top: 70px;
+    }
     // Steps
     .wcs-steps {
     	border-radius: 10px;
     	overflow: hidden;
     	font-size: 1.2em;
     	margin-bottom: 0;
+    }
     .wcs-step {
     	&--marker {
     		background-size: 100% !important;
+    	}
     	&--label {
     		text-align: left;
+    	}
     	&.current {
     		font-weight: normal;
+    	}
+    }
     @media ($mq-min--wcs-steps-horizontal-layout){
     	.wcs-steps--list {
     		justify-content: center;
     		padding-bottom: 0;
+    	}
     	.wcs-step {
     		margin-right: $wcs-steps-spacing;
     		flex: 1 1 auto;
     		max-width: 33%;
     		&:last-child {
     			flex-grow: 0;
+    		}
     		&--label {
     			text-align: center;
+    		}
     		ol {
     			display: -ms-flexbox;
     			display: flex;
     			-ms-justify-content: space-evenly;
     			justify-content: space-evenly;
+    	}
+    }
     @include desktop-horizontal-steps() {
     	.wcs-steps{
     		font-size: 2.5em;
     		&--list {
     			margin-bottom: 0;
+    		}
     		li {
     			position: relative;
     			z-index: 10;
+    	}
     	.wcs-step {
     		$wcs-step-marker-size: 6rem;
     		position: relative;
     		margin-bottom: 0;
     		flex-direction: column;
     		&--marker {
     			width: $wcs-step-marker-size;
     			height: $wcs-step-marker-size;
     			flex-basis: $wcs-step-marker-size;
+    		}
     		&--label {
     			display: block !important;
     			position: static;
     			font-size: 0.4em;
     			top: 100%;
     			width: $wcs-step-marker-size + 1;
     			margin-left: -1 * ($wcs-steps-spacing / 2);
     			text-align: center;
     			width: 15ex;
     			border-bottom: 0;
     			background: url(img/step-g.png) top center no-repeat;
     			@media screen and (max-width: $mobile-limit) {
     				background: none;
     				width: 2ex;
     				text-align: center;
     				padding-right: 0;
+    			}
     			span.marker {
     				padding: 1.5rem 0;
     				color: white;
     				@media screen and (max-width: $mobile-limit) {
     					padding: 0;
     					display: inline-block;
     					width: 100%;
+    				}
+    			}
     			span.label {
     				display: inline-block;
     				padding-top: 0.5rem;
     				@media screen and (max-width: $mobile-limit) {
     					display: none;
+    				}
+    			}
     			&.current {
     				background-image: url(img/step-r.png);
     				span.label {
     					color: $primary-color;
     					font-weight: normal;
+    				}
     				@media screen and (max-width: $mobile-limit) {
     					background: none;
     					span.marker {
     						background: $primary-color;
+    					}
+    				}
+    			}
     			align-self: flex-start;
+    		}
     		// Tie
     		&::after {
     			position: absolute;
     			top: calc( (#{$wcs-step-marker-size} - #{$wcs-step-marker-tie-width}) / 2}) !important;
     			left: $wcs-step-marker-size;
     			width: calc(100% + #{$wcs-steps-spacing});
+    		}
+    	}
+    }

     $footer-background: $primary-color;
     $widget-unique-checkbox-position: left;
     $form-sidebar-position: top;
     $wcs-step-border-bottom: none;
     $wcs-steps-spacing: 1rem;
     $wcs-steps-background: white;
     $wcs-step-marker-size: 3rem;
     $wcs-step-marker-type: tied;
     $wcs-step-marker-tie-color: $primary-color;
     $wcs-step-marker-tie-width: 1px;
     $wcs-step-marker-color: white;
     $wcs-step-marker-background: url(img/step-g.png) center center no-repeat;
     $wcs-step-current-marker-color: white;
     $wcs-step-current-marker-background: url(img/step-r.png) center center no-repeat;
+    -

Projet

Général

Profil

Produits Entr'ouvert » Intégrations graphiques Publik

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