Projet

Général

Profil

0001-css-introduce-columns-gutter-to-manage-gutter-width-.patch

Thomas Jund, 12 juin 2020 12:53

Télécharger (1,47 ko)

Voir les différences: 

Subject: [PATCH] css: introduce $columns-gutter to manage gutter width
 (#44011)


 static/includes/_cells.scss  | 2 +-
 static/includes/_layout.scss | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)
static/includes/_cells.scss
85 85 
.gru-content div.cell,
86 86 
.block {
87 87 
	padding: 0;
88 
	margin: 0px 10px 10px 10px;
88 
	margin: 0px #{$columns-gutter / 2} 10px #{$columns-gutter / 2};
89 89 

  		




  90
  90
  
    
	& h2 + div {

  		




  91
  91
  
    
		padding: 1rem;

  		












  

    
      static/includes/_layout.scss
    
  





  1
  1
  
    
$width: 1000px !default;

  		




  2
  2
  
    
$mobile-limit: 800px !default;

  		




  3
  3
  
    
$very-small-limit: 480px !default;

  		




  
  4
  
    
$columns-gutter: 20px !default;

  		




  4
  5
  
    
$footer-background: #666666 !default;

  		




  5
  6
  
    
$footer-full-width-background: true !default;

  		




  6
  7
  
    
$footer-color: white !default;

  		




  ......




  110
  111
  
    
		div.cell {

  		




  111
  112
  
    
			@if $sidebar-position == left {

  		




  112
  113
  
    
				margin-left: 0;

  		




  113
  
  
    
				margin-right: 20px;

  		




  
  114
  
    
				margin-right: $columns-gutter;

  		




  114
  115
  
    
			} @else {

  		




  115
  
  
    
				margin-left: 20px;

  		




  
  116
  
    
				margin-left: $columns-gutter;

  		




  116
  117
  
    
				margin-right: 0px;

  		




  117
  118
  
    
			}

  		




  118
  119
  
    
		}

  		




  119
  
  
    
-