mirror of
				https://github.com/XRPLF/xrpl-dev-portal.git
				synced 2025-11-04 11:55:50 +00:00 
			
		
		
		
	Refactor grid row classes using SCSS @for loop
This commit is contained in:
		@@ -150,26 +150,10 @@ a.card:hover h3 {
 | 
			
		||||
.light .circled-logo {
 | 
			
		||||
  border: none;
 | 
			
		||||
}
 | 
			
		||||
.cols-of-1{
 | 
			
		||||
  grid-template-rows:repeat(1, min-content)
 | 
			
		||||
}
 | 
			
		||||
.cols-of-2{
 | 
			
		||||
  grid-template-rows:repeat(2, min-content)
 | 
			
		||||
} 
 | 
			
		||||
.cols-of-3{
 | 
			
		||||
  grid-template-rows:repeat(3, min-content)
 | 
			
		||||
}
 | 
			
		||||
.cols-of-4{
 | 
			
		||||
  grid-template-rows:repeat(4, min-content)
 | 
			
		||||
}
 | 
			
		||||
.cols-of-5{
 | 
			
		||||
  grid-template-rows:repeat(5, min-content)
 | 
			
		||||
}
 | 
			
		||||
.cols-of-6{
 | 
			
		||||
  grid-template-rows:repeat(6, min-content)
 | 
			
		||||
}
 | 
			
		||||
.cols-of-7{
 | 
			
		||||
  grid-template-rows:repeat(7, min-content)
 | 
			
		||||
@for $i from 1 through 10 {
 | 
			
		||||
  .cols-of-#{$i} {
 | 
			
		||||
    grid-template-rows: repeat(#{$i}, min-content);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
.card-deck {
 | 
			
		||||
  margin-top: 2.5rem;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user