Projet

Général

Profil

0001-css-restrict-gutter-margins-to-.column-instead-.gru-.patch

Thomas Jund (congés, retour le 29/04), 21 juin 2022 17:48

Télécharger (3,02 ko)

Voir les différences: 

Subject: [PATCH] css restrict gutter margins to .column instead .gru-content
 (#66458)


 static/hautes-pyrenees-cd65/_custom.scss |  6 ++++++
 static/includes/_cells.scss              | 15 ++++++---------
 static/meudon-2021/_custom.scss          |  7 +++++++
 static/venissieux/_custom.scss           |  4 ++++
 4 files changed, 23 insertions(+), 9 deletions(-)
static/hautes-pyrenees-cd65/_custom.scss
217 217 
}
218 218 

  		




  219
  219
  
    
.header_three_columns--header {

  		




  
  220
  
    
	.cell {

  		




  
  221
  
    
		@media ($min-desktop-viewport) {

  		




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

  		




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

  		




  
  224
  
    
		}

  		




  
  225
  
    
	}

  		




  220
  226
  
    
	div[class^="grid-"].cell, > div[class*=" grid-"].cell {

  		




  221
  227
  
    
		padding-right: 0;

  		




  222
  228
  
    
		margin-right: 1rem;

  		












  

    
      static/includes/_cells.scss
    
  





  39
  39
  
    

  		




  40
  40
  
    
// Columns gutters

  		




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

  		




  42
  
  
    
	.column div.a2-block,

  		




  43
  
  
    
	.gru-content div.cell,

  		




  
  42
  
    
	.column .a2-block,

  		




  
  43
  
    
	.column .cell,

  		




  44
  44
  
    
	.block {

  		




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

  		




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

  		




  47
  47
  
    
	}

  		




  48
  
  
    
	.gru-content #columns > .cell,

  		




  49
  48
  
    
	.column:first-child .block,

  		




  50
  
  
    
	.column:first-child div.a2-block,

  		




  51
  
  
    
	.gru-content .column:first-child .cell { margin-left: 0; }

  		




  52
  
  
    
	.gru-content #columns > .cell,

  		




  
  49
  
    
	.column:first-child .a2-block,

  		




  
  50
  
    
	.column:first-child .cell { margin-left: 0; }

  		




  53
  51
  
    
	.column:last-child .block,

  		




  54
  
  
    
	.column:last-child div.a2-block,

  		




  55
  
  
    
	.gru-content .column:last-child .cell { margin-right: 0; }

  		




  
  52
  
    
	.column:last-child .a2-block,

  		




  
  53
  
    
	.column:last-child .cell { margin-right: 0; }

  		




  56
  54
  
    
}

  		




  57
  55
  
    

  		




  58
  
  
    

  		




  59
  56
  
    
.a2-block {

  		




  60
  57
  
    
	margin: 4em auto;

  		




  61
  58
  
    
	max-width: 45em;

  		












  

    
      static/meudon-2021/_custom.scss
    
  





  266
  266
  
    
			padding-left: 0.7rem;

  		




  267
  267
  
    
			padding-right: 0.7rem;

  		




  268
  268
  
    
		}

  		




  
  269
  
    
		.cell {

  		




  
  270
  
    
			@media ($min-desktop-viewport) {

  		




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

  		




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

  		




  
  273
  
    
			}

  		




  
  274
  
    
		}

  		




  
  275
  
    

  		




  269
  276
  
    
	}

  		




  270
  277
  
    
	// 3 cols layout

  		




  271
  278
  
    
	@media ($min-desktop-viewport) {

  		












  

    
      static/venissieux/_custom.scss
    
  





  122
  122
  
    
	div.cell {

  		




  123
  123
  
    
		float: right;

  		




  124
  124
  
    
		width: 25%;

  		




  
  125
  
    
		@media ($min-desktop-viewport) {

  		




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

  		




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

  		




  
  128
  
    
		}

  		




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

  		




  126
  130
  
    
			float: none;

  		




  127
  131
  
    
			width: auto;

  		




  128
  
  
    
-