Projet

Général

Profil

0001-css-remove-a2-block-margins-when-2-columns-mobile-vi.patch

Thomas Jund, 16 juillet 2020 13:20

Télécharger (1,63 ko)

Voir les différences: 

Subject: [PATCH] css: remove a2-block margins when 2 columns & mobile viewport
 (#45175)


 static/includes/_cells.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)
static/includes/_cells.scss
31 31 
// $cell-image-padding: define padding of cell image.
32 32 
$cell-image-padding: 0.5rem !default;
33 33 

  		




  
  34
  
    

  		




  
  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
  
    
}

  		




  34
  42
  
    
.gru-content #columns > .cell,

  		




  35
  43
  
    
div#left .block,

  		




  
  44
  
    
div#left div.a2-block,

  		




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

  		




  37
  46
  
    
.gru-content #columns > .cell,

  		




  38
  47
  
    
div#right .block,

  		




  
  48
  
    
div#right div.a2-block,

  		




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

  		




  40
  50
  
    

  		




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

  		




  42
  52
  
    
	div#left .block,

  		




  
  53
  
    
	div#left div.a2-block,

  		




  43
  54
  
    
	.gru-content #left .cell,

  		




  44
  55
  
    
	div#right .block,

  		




  
  56
  
    
	div#right div.a2-block,

  		




  45
  57
  
    
	.gru-content #right .cell {

  		




  46
  58
  
    
		margin-right: 0;

  		




  47
  59
  
    
		margin-left: 0;

  		




  48
  60
  
    
	}

  		




  49
  61
  
    
}

  		




  50
  62
  
    

  		




  
  63
  
    

  		




  51
  64
  
    
.a2-block {

  		




  52
  65
  
    
	margin: 4em auto;

  		




  53
  66
  
    
	max-width: 45em;

  		




  ......




  83
  96
  
    
div#left div.a2-block, div#right div.a2-block,

  		




  84
  97
  
    
.gru-content div.cell,

  		




  85
  98
  
    
.block {

  		




  86
  
  
    
	margin: 0px #{$columns-gutter / 2} 10px #{$columns-gutter / 2};

  		




  87
  
  
    

  		




  
  99
  
    
	margin-top: 0;

  		




  
  100
  
    
	margin-bottom: 10px;

  		




  88
  101
  
    
	& h2 + div {

  		




  89
  102
  
    
		padding: 1rem;

  		




  90
  103
  
    
	}

  		




  91
  
  
    
-