Projet

Général

Profil

0001-rouen-add-circles-steps-25104.patch

Emmanuel Cazenave, 06 juillet 2018 10:46

Télécharger (2,92 ko)

Voir les différences: 

Subject: [PATCH] rouen: add circles steps (#25104)


 static/rouen/_circle-steps.scss | 83 +++++++++++++++++++++++++++++++++
 static/rouen/_vars.scss         |  3 +-
 static/rouen/style.scss         |  1 +
 3 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 static/rouen/_circle-steps.scss
static/rouen/_circle-steps.scss
1 
div#steps {
2 

  		




  
  3
  
    
	padding: 0 1em;

  		




  
  4
  
    

  		




  
  5
  
    
	ol li {

  		




  
  6
  
    
		@include flexbox();

  		




  
  7
  
    
		@include flex-direction(column);

  		




  
  8
  
    

  		




  
  9
  
    
		margin: 25px 0;

  		




  
  10
  
    
		padding: 0.5ex;

  		




  
  11
  
    
		position: relative;

  		




  
  12
  
    
		border: 0;

  		




  
  13
  
    

  		




  
  14
  
    
		span.marker {

  		




  
  15
  
    
			@include justify-content(center);

  		




  
  16
  
    
			@include vendor-prefix(align-items, center);

  		




  
  17
  
    
			display: inline-flex;

  		




  
  18
  
    
			margin: 0 auto 0.3em auto;

  		




  
  19
  
    
			width: 4vw;

  		




  
  20
  
    
			height: 4vw;

  		




  
  21
  
    
			color: gray;

  		




  
  22
  
    
			position: relative;

  		




  
  23
  
    
			border: 1px solid gray;

  		




  
  24
  
    
			border-radius: 50%;

  		




  
  25
  
    
			background: transparent;

  		




  
  26
  
    
			font-size: calc(12px + 1.2vw);

  		




  
  27
  
    
			font-weight: bold;

  		




  
  28
  
    
			text-align: center;

  		




  
  29
  
    
			vertical-align: middle;

  		




  
  30
  
    
			max-width: 100%;

  		




  
  31
  
    
			max-height: 100%;

  		




  
  32
  
    

  		




  
  33
  
    
		}

  		




  
  34
  
    

  		




  
  35
  
    
		span.label {

  		




  
  36
  
    
			color: $steps-color;

  		




  
  37
  
    
			margin: 0 -1em;

  		




  
  38
  
    
			text-align: center;

  		




  
  39
  
    
			vertical-align: middle;

  		




  
  40
  
    
		}

  		




  
  41
  
    

  		




  
  42
  
    
		&.current {

  		




  
  43
  
    
			background: transparent;

  		




  
  44
  
    
			font-weight: bold;

  		




  
  45
  
    

  		




  
  46
  
    
			span.marker {

  		




  
  47
  
    
				color: white;

  		




  
  48
  
    
				border-color: $primary-color;

  		




  
  49
  
    
				background: $primary-color;

  		




  
  50
  
    
			}

  		




  
  51
  
    
		}

  		




  
  52
  
    
	}

  		




  
  53
  
    
}

  		




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

  		




  
  55
  
    
	div#gauche div#steps {

  		




  
  56
  
    

  		




  
  57
  
    
		@include order(2);

  		




  
  58
  
    
		padding: 0;

  		




  
  59
  
    

  		




  
  60
  
    
		ol {

  		




  
  61
  
    
			@include flexbox();

  		




  
  62
  
    
			@include flex-direction(row);

  		




  
  63
  
    
			@include vendor-prefix(flex-flow, nowrap);

  		




  
  64
  
    
			@include justify-content(center);

  		




  
  65
  
    
			@include vendor-prefix(align-items, center);

  		




  
  66
  
    

  		




  
  67
  
    
			li {

  		




  
  68
  
    
				padding: 0 0.6em 1ex 0;

  		




  
  69
  
    

  		




  
  70
  
    
				span.marker {

  		




  
  71
  
    
					padding: 0.3em;

  		




  
  72
  
    
					border-radius: 50%;

  		




  
  73
  
    
					width: 4rem; // reset size without vw

  		




  
  74
  
    
					height: 4rem;

  		




  
  75
  
    
				}

  		




  
  76
  
    

  		




  
  77
  
    
				span.label {

  		




  
  78
  
    
					display: none;

  		




  
  79
  
    
				}

  		




  
  80
  
    
			}

  		




  
  81
  
    
		}

  		




  
  82
  
    
	}

  		




  
  83
  
    
}

  		












  

    
      static/rouen/_vars.scss
    
  





  23
  23
  
    
$nav-item-selected-background: #2D2D2D;

  		




  24
  24
  
    
$nav-mobile-menu-background: $pale-primary-color;

  		




  25
  25
  
    
$sidebar-width: 240px;

  		




  
  26
  
    
$steps-color: #9B9B9B;

  		




  26
  27
  
    
$title-weight: bold;

  		




  27
  28
  
    
$width: 1243.97px;

  		




  28
  
  
    
$custom-very-small-screen: 480px;

  		




  
  29
  
    
$custom-very-small-screen: 480px;

  		












  

    
      static/rouen/style.scss
    
  





  3
  3
  
    
@import 'vars';

  		




  4
  4
  
    
@import '../includes/publik';

  		




  5
  5
  
    
@import '../includes/flexbox_mixins';

  		




  
  6
  
    
@import 'circle-steps';

  		




  6
  7
  
    
@import 'custom';

  		




  7
  
  
    
-