Projet

Général

Profil

0001-scss-all-themes-use-custom-mobile-and-desktop-medias.patch

Thomas Jund (congés, retour le 29/04), 29 janvier 2020 17:23

Télécharger (5,69 ko)

Voir les différences: 

Subject: [PATCH] scss: all themes: use custom mobile and desktop medias sass
 vars to manage medias queries (#37223)


 static/liege-pwa-2019/_basket.scss       |  6 +++---
 static/liege-pwa-2019/_custom.scss       | 18 +++++++++---------
 static/liege-pwa-2019/_form-buttons.scss |  6 +++---
 static/liege-pwa-2019/_header.scss       |  8 ++++----
 4 files changed, 19 insertions(+), 19 deletions(-)
static/liege-pwa-2019/_basket.scss
17 17 
	background-size: 1.2rem;
18 18 
	text-transform: uppercase;
19 19 
	padding-left: 18px;
20 
	@media screen and (max-width: $mobile-limit) {
20 
	@media screen and ($max-mobile-viewport) {
21 21 
		padding-left: 0px;
22 22 
		width: 1.2rem;
23 23 
		text-indent: -10000px;
......
44 44 
		td.item {
45 45 
			a.basket-number {
46 46 
				float: right;
47 
				@media screen and (max-width: $mobile-limit) {
47 
				@media screen and ($max-mobile-viewport) {
48 48 
					float: none;
49 49 
					margin-left: 0.7em;
50 50 
				}
......
57 57 
		td.remove {
58 58 
			text-align: right;
59 59 
			width: 10rem;
60 
			@media screen and (max-width: $mobile-limit) {
60 
			@media screen and ($max-mobile-viewport) {
61 61 
				width: 1rem;
62 62 
			}
63 63 
		}
static/liege-pwa-2019/_custom.scss
16 16 

  		




  17
  17
  
    
div#page div#main-content-wrapper {

  		




  18
  18
  
    
	margin-top: 0px;

  		




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

  		




  
  19
  
    
	@media screen and ($max-mobile-viewport) {

  		




  20
  20
  
    
		margin-top: 10px;

  		




  21
  21
  
    
	}

  		




  22
  22
  
    
}

  		




  ......




  35
  35
  
    
			}

  		




  36
  36
  
    
		}

  		




  37
  37
  
    
	}

  		




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

  		




  
  38
  
    
	@media screen and ($max-mobile-viewport) {

  		




  39
  39
  
    
		div.textcell.bloc-adresse {

  		




  40
  40
  
    
			padding: 0 40px;

  		




  41
  41
  
    
		}

  		




  ......




  253
  253
  
    
		float: left;

  		




  254
  254
  
    
		width: 300px;

  		




  255
  255
  
    
	}

  		




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

  		




  
  256
  
    
	@media screen and ($max-mobile-viewport) {

  		




  257
  257
  
    
		#left, #right {

  		




  258
  258
  
    
			float: none;

  		




  259
  259
  
    
			width: auto;

  		




  ......




  277
  277
  
    
			float: left;

  		




  278
  278
  
    
			width: 15rem;

  		




  279
  279
  
    
			display: inline-block;

  		




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

  		




  
  280
  
    
			@media screen and ($max-mobile-viewport) {

  		




  281
  281
  
    
				float: none;

  		




  282
  282
  
    
				width: auto;

  		




  283
  283
  
    
			}

  		




  ......




  345
  345
  
    
    border-radius: 10px;

  		




  346
  346
  
    
    text-align: center;

  		




  347
  347
  
    
    text-decoration: None;

  		




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

  		




  
  348
  
    
    @media screen and ($max-mobile-viewport) {

  		




  349
  349
  
    
	    margin-left: 0;

  		




  350
  350
  
    
    }

  		




  351
  351
  
    
}

  		




  ......




  562
  562
  
    
	}

  		




  563
  563
  
    
}

  		




  564
  564
  
    

  		




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

  		




  
  565
  
    
@media screen and ($max-mobile-viewport) {

  		




  566
  566
  
    
	body.focus-in nav {

  		




  567
  567
  
    
		display: none;

  		




  568
  568
  
    
	}

  		




  ......




  582
  582
  
    
div#content div.wcsformsofcategorycell {

  		




  583
  583
  
    
	position: relative;

  		




  584
  584
  
    
	margin-bottom: 25px;

  		




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

  		




  
  585
  
    
	@media screen and ($max-mobile-viewport) {

  		




  586
  586
  
    
		margin: 0px;

  		




  587
  587
  
    
		border-bottom: 3px solid white;

  		




  588
  588
  
    
	}

  		




  ......




  595
  595
  
    
		height: 130px;

  		




  596
  596
  
    
	}

  		




  597
  597
  
    
	&.foldable {

  		




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

  		




  
  598
  
    
		@media screen and ($max-mobile-viewport) {

  		




  599
  599
  
    
			h2 {

  		




  600
  600
  
    
				padding-right: 50px;  // for folding arrow

  		




  601
  601
  
    
			}

  		




  ......




  661
  661
  
    
	}

  		




  662
  662
  
    
}

  		




  663
  663
  
    

  		




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

  		




  
  664
  
    
@media screen and ($max-mobile-viewport) {

  		




  665
  665
  
    
	div.gru-nav span.badge::before { content: none; }

  		




  666
  666
  
    
	div.gru-nav span.badge::after { content: none; }

  		




  667
  667
  
    
}

  		












  

    
      static/liege-pwa-2019/_form-buttons.scss
    
  





  11
  11
  
    
	}

  		




  12
  12
  
    
	div.submit-button {

  		




  13
  13
  
    
		float: none;

  		




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

  		




  
  14
  
    
		@media screen and ($max-mobile-viewport) {

  		




  15
  15
  
    
			min-width: 120px;

  		




  16
  16
  
    
		}

  		




  17
  17
  
    
		button {

  		




  ......




  23
  23
  
    
	}

  		




  24
  24
  
    
	div.previous-button {

  		




  25
  25
  
    
		float: left;

  		




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

  		




  
  26
  
    
		@media screen and ($max-mobile-viewport) {

  		




  27
  27
  
    
			min-width: 160px;

  		




  28
  28
  
    
		}

  		




  29
  29
  
    
		button {

  		




  ......




  41
  41
  
    
	box-shadow: none;

  		




  42
  42
  
    
}

  		




  43
  43
  
    

  		




  44
  
  
    
@media screen and (min-width: $mobile-limit) {

  		




  
  44
  
    
@media screen and ($min-desktop-viewport) {

  		




  45
  45
  
    
	button.save-draft {

  		




  46
  46
  
    
	    display: inline-block !important;

  		




  47
  47
  
    
	}

  		












  

    
      static/liege-pwa-2019/_header.scss
    
  





  11
  11
  
    

  		




  12
  12
  
    
body.has-header-background header {

  		




  13
  13
  
    
	background-position: 50% 62px;

  		




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

  		




  
  14
  
    
	@media screen and ($max-mobile-viewport) {

  		




  15
  15
  
    
		background-position: 50% 42px;

  		




  16
  16
  
    
	}

  		




  17
  17
  
    
}

  		




  ......




  30
  30
  
    
	z-index: 0;

  		




  31
  31
  
    
	padding: 0 1ex;

  		




  32
  32
  
    
	height: 274px;

  		




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

  		




  
  33
  
    
	@media screen and ($max-mobile-viewport) {

  		




  34
  34
  
    
		height: 150px;

  		




  35
  35
  
    
		h1 {

  		




  36
  36
  
    
			padding-left: 0;

  		




  ......




  47
  47
  
    
	display:block;

  		




  48
  48
  
    
	font-size: 21px;

  		




  49
  49
  
    
	font-weight: normal;

  		




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

  		




  
  50
  
    
	@media screen and ($max-mobile-viewport) {

  		




  51
  51
  
    
		background-position: 0 0;

  		




  52
  52
  
    
		background-size: 80px;

  		




  53
  53
  
    
		padding-left: 90px;

  		




  ......




  81
  81
  
    
	.registration {

  		




  82
  82
  
    
		display:none;

  		




  83
  83
  
    
	}

  		




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

  		




  
  84
  
    
	@media screen and ($max-mobile-viewport) {

  		




  85
  85
  
    
		a {

  		




  86
  86
  
    
			display: inline-block;

  		




  87
  87
  
    
			padding-top: 5px;

  		




  88
  
  
    
-