refactor: Use css variables for breakpoint value
This commit is contained in:
		
							parent
							
								
									8612558433
								
							
						
					
					
						commit
						5f4527a6a1
					
				| @ -73,15 +73,6 @@ body.product-page { | |||||||
| 		} | 		} | ||||||
| 	} | 	} | ||||||
| 
 | 
 | ||||||
| 	// .card-body { |  | ||||||
| 	// 	text-align: center; |  | ||||||
| 	// } |  | ||||||
| 
 |  | ||||||
| 	// .featured-item { |  | ||||||
| 	// 	.card-body { |  | ||||||
| 	// 		text-align: left; |  | ||||||
| 	// 	} |  | ||||||
| 	// } |  | ||||||
| 	.card-img-container { | 	.card-img-container { | ||||||
| 		height: 210px; | 		height: 210px; | ||||||
| 		width: 100%; | 		width: 100%; | ||||||
| @ -216,12 +207,12 @@ body.product-page { | |||||||
| 		border-color: var(--table-border-color) !important; | 		border-color: var(--table-border-color) !important; | ||||||
| 		padding: 15px; | 		padding: 15px; | ||||||
| 
 | 
 | ||||||
| 		@media (max-width: 840px) { | 		@media (max-width: var(--md-width)) { | ||||||
| 			height: 300px; | 			height: 300px; | ||||||
| 			width: 300px; | 			width: 300px; | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		@media (min-width: 1090px) { | 		@media (min-width: var(--lg-width)) { | ||||||
| 			height: 350px; | 			height: 350px; | ||||||
| 			width: 350px; | 			width: 350px; | ||||||
| 		} | 		} | ||||||
| @ -233,11 +224,11 @@ body.product-page { | |||||||
| 
 | 
 | ||||||
| 	.item-slideshow { | 	.item-slideshow { | ||||||
| 
 | 
 | ||||||
| 		@media (max-width: 840px) { | 		@media (max-width: var(--md-width)) { | ||||||
| 			max-height: 320px; | 			max-height: 320px; | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| 		@media (min-width: 1090px) { | 		@media (min-width: var(--lg-width)) { | ||||||
| 			max-height: 430px; | 			max-height: 430px; | ||||||
| 		} | 		} | ||||||
| 
 | 
 | ||||||
| @ -316,9 +307,6 @@ body.product-page { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .item-group-slideshow { | .item-group-slideshow { | ||||||
| 	// .item-group-description { |  | ||||||
| 		// max-width: 900px; |  | ||||||
| 	// } |  | ||||||
| 
 | 
 | ||||||
| 	.carousel-inner.rounded-carousel { | 	.carousel-inner.rounded-carousel { | ||||||
| 		border-radius: var(--card-border-radius); | 		border-radius: var(--card-border-radius); | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user