Projet

Général

Profil

0001-define-columns-gutter-only-for-min-desktop-viewport.patch

Thomas Jund (congés, retour le 29/04), 16 septembre 2020 17:12

Télécharger (1,6 ko)

Voir les différences: 

Subject: [PATCH] define columns gutter only for min desktop viewport


 static/includes/_cells.scss | 32 +++++++++++---------------------
 1 file changed, 11 insertions(+), 21 deletions(-)
static/includes/_cells.scss
33 33 

  		




  34
  34
  
    

  		




  35
  35
  
    
// Columns gutters

  		




  36
  
  
    
div#left div.a2-block, div#right div.a2-block,

  		




  37
  
  
    
.gru-content div.cell,

  		




  38
  
  
    
.block {

  		




  39
  
  
    
	margin-left: #{$columns-gutter / 2};

  		




  40
  
  
    
	margin-right: #{$columns-gutter / 2};

  		




  41
  
  
    
}

  		




  42
  
  
    
.gru-content #columns > .cell,

  		




  43
  
  
    
div#left .block,

  		




  44
  
  
    
div#left div.a2-block,

  		




  45
  
  
    
.gru-content #left .cell { margin-left: 0; }

  		




  46
  
  
    
.gru-content #columns > .cell,

  		




  47
  
  
    
div#right .block,

  		




  48
  
  
    
div#right div.a2-block,

  		




  49
  
  
    
.gru-content #right .cell { margin-right: 0; }

  		




  50
  
  
    

  		




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

  		




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

  		




  
  37
  
    
	div#left div.a2-block, div#right div.a2-block,

  		




  
  38
  
    
	.gru-content div.cell,

  		




  
  39
  
    
	.block {

  		




  
  40
  
    
		margin-left: #{$columns-gutter / 2};

  		




  
  41
  
    
		margin-right: #{$columns-gutter / 2};

  		




  
  42
  
    
	}

  		




  
  43
  
    
	.gru-content #columns > .cell,

  		




  52
  44
  
    
	div#left .block,

  		




  53
  45
  
    
	div#left div.a2-block,

  		




  54
  
  
    
	.gru-content #left .cell,

  		




  
  46
  
    
	.gru-content #left .cell { margin-left: 0; }

  		




  
  47
  
    
	.gru-content #columns > .cell,

  		




  55
  48
  
    
	div#right .block,

  		




  56
  49
  
    
	div#right div.a2-block,

  		




  57
  
  
    
	.gru-content #right .cell {

  		




  58
  
  
    
		margin-right: 0;

  		




  59
  
  
    
		margin-left: 0;

  		




  60
  
  
    
	}

  		




  
  50
  
    
	.gru-content #right .cell { margin-right: 0; }

  		




  61
  51
  
    
}

  		




  62
  52
  
    

  		




  63
  53
  
    

  		




  64
  
  
    
-