Projet

Général

Profil

0001-meyzieu-2018-update-steps-36765.patch

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

Télécharger (3,38 ko)

Voir les différences: 

Subject: [PATCH] meyzieu-2018: update steps (#36765)


 static/meyzieu-2018/_custom.scss | 91 ++++++++------------------------
 static/meyzieu-2018/_vars.scss   | 10 ++++
 2 files changed, 33 insertions(+), 68 deletions(-)
static/meyzieu-2018/_custom.scss
298 298 
			}
299 299 
		}
300 300 
	}
301 
	div#steps {
302 
		h2 {
303 
			@media screen and (max-width: $mobile-limit) {
304 
				display: none;
305 
			}
306 
			display: block;
307 
			border-bottom: 1px solid #000;
308 
			padding: 1ex 0;
309 
			text-align: center;
301 

  		




  
  302
  
    
	// STEPS

  		




  
  303
  
    
	.wcs-steps {

  		




  
  304
  
    
		@include desktop-vertical-steps() {

  		




  
  305
  
    
			clear: both;

  		




  
  306
  
    
			margin-top: $wcs-steps-spacing*3;

  		




  310
  307
  
    
		}

  		




  311
  
  
    
		ol li {

  		




  312
  
  
    
			@include flexbox();

  		




  313
  
  
    
			@include flex-direction(row-reverse);

  		




  314
  
  
    
			@include justify-content(flex-start);

  		




  315
  
  
    
			align-items: center;

  		




  316
  
  
    
			border: 0;

  		




  317
  
  
    
			position: relative;

  		




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

  		




  319
  
  
    
				display: inline-block;

  		




  320
  
  
    
			}

  		




  321
  
  
    
			&.first span.marker::after {

  		




  322
  
  
    
				display: none;

  		




  323
  
  
    
			}

  		




  324
  
  
    
			&.current {

  		




  325
  
  
    
				background: transparent;

  		




  326
  
  
    
				span.marker {

  		




  327
  
  
    
					background: $primary-color;

  		




  328
  
  
    
					color: #fff;

  		




  329
  
  
    
				}

  		




  330
  
  
    
				span.label {

  		




  331
  
  
    
					color: $primary-color;

  		




  332
  
  
    
				}

  		




  
  308
  
    

  		




  
  309
  
    
	}

  		




  
  310
  
    
	.wcs-step {		

  		




  
  311
  
    
		&--marker {

  		




  
  312
  
    
			font-weight: bold;

  		




  
  313
  
    
		}

  		




  
  314
  
    
		@include desktop-vertical-steps() {

  		




  
  315
  
    
			flex-direction: row-reverse;

  		




  
  316
  
    
			padding-bottom: $wcs-steps-spacing*2;

  		




  
  317
  
    
			&--label {

  		




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

  		




  
  319
  
    
				text-align: right;

  		




  
  320
  
    
				font-size: .8em;

  		




  333
  321
  
    
			}

  		




  334
  
  
    
			span {

  		




  335
  
  
    
				margin: 0 3px;

  		




  336
  
  
    
				vertical-align: middle;

  		




  337
  
  
    
				&.marker {

  		




  338
  
  
    
					box-sizing: border-box;

  		




  339
  
  
    
					display: inline-flex;

  		




  340
  
  
    
					border-radius: 50%;

  		




  341
  
  
    
					padding: 1em;

  		




  342
  
  
    
					@include justify-content(center);

  		




  343
  
  
    
					align-items: center;

  		




  344
  
  
    
					width: 3.5vw;

  		




  345
  
  
    
					height: 3.5vw;

  		




  346
  
  
    
					background: #e0e0de;

  		




  347
  
  
    
					font-size: calc(#{$font-size} + 0.5vw);

  		




  348
  
  
    
					color: #c2c3c1;

  		




  349
  
  
    
					position: relative;

  		




  350
  
  
    
					&::after {

  		




  351
  
  
    
						content: ' ';

  		




  352
  
  
    
						position: absolute;

  		




  353
  
  
    
						height: 20%;

  		




  354
  
  
    
						width: 1px;

  		




  355
  
  
    
						top: -35%;

  		




  356
  
  
    
						background: $primary-color;

  		




  357
  
  
    
						padding: 0;

  		




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

  		




  359
  
  
    
							width: 20%;

  		




  360
  
  
    
							height: 1px;

  		




  361
  
  
    
							left: -40%;

  		




  362
  
  
    
							top: 50%;

  		




  363
  
  
    
						}

  		




  364
  
  
    
					}

  		




  365
  
  
    
				}

  		




  366
  
  
    
				&.label {

  		




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

  		




  368
  
  
    
						display: none;

  		




  369
  
  
    
					}

  		




  370
  
  
    
				}

  		




  
  322
  
    
			&::after {

  		




  
  323
  
    
				right: calc( (#{$wcs-step-marker-size} - #{$wcs-step-marker-tie-width}) / 2 );

  		




  
  324
  
    
				left: auto;

  		




  371
  325
  
    
			}

  		




  372
  326
  
    
		}

  		




  373
  327
  
    
	}

  		




  
  328
  
    

  		




  374
  329
  
    
	div#tracking-code {

  		




  375
  330
  
    
		h3 {

  		




  376
  331
  
    
			font-size: 110%;

  		












  

    
      static/meyzieu-2018/_vars.scss
    
  





  31
  31
  
    
$title-color: #FFF;

  		




  32
  32
  
    
$title-background: $primary-color;

  		




  33
  33
  
    

  		




  
  34
  
    
$wcs-steps-spacing: 0.7rem;

  		




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

  		




  
  36
  
    
$wcs-step-marker-type: disc tied;

  		




  
  37
  
    
$wcs-step-marker-color: #c2c3c1;

  		




  
  38
  
    
$wcs-step-marker-background: #e0e0de;

  		




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

  		




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

  		




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

  		




  
  42
  
    
$wcs-step-current-marker-background: $primary-color;

  		




  
  43
  
    

  		




  34
  44
  
    
$footer-background: $nav-background;

  		




  35
  45
  
    
$footer-color: #000;

  		




  36
  
  
    
-