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 { | ||||
| 		height: 210px; | ||||
| 		width: 100%; | ||||
| @ -216,12 +207,12 @@ body.product-page { | ||||
| 		border-color: var(--table-border-color) !important; | ||||
| 		padding: 15px; | ||||
| 
 | ||||
| 		@media (max-width: 840px) { | ||||
| 		@media (max-width: var(--md-width)) { | ||||
| 			height: 300px; | ||||
| 			width: 300px; | ||||
| 		} | ||||
| 
 | ||||
| 		@media (min-width: 1090px) { | ||||
| 		@media (min-width: var(--lg-width)) { | ||||
| 			height: 350px; | ||||
| 			width: 350px; | ||||
| 		} | ||||
| @ -233,11 +224,11 @@ body.product-page { | ||||
| 
 | ||||
| 	.item-slideshow { | ||||
| 
 | ||||
| 		@media (max-width: 840px) { | ||||
| 		@media (max-width: var(--md-width)) { | ||||
| 			max-height: 320px; | ||||
| 		} | ||||
| 
 | ||||
| 		@media (min-width: 1090px) { | ||||
| 		@media (min-width: var(--lg-width)) { | ||||
| 			max-height: 430px; | ||||
| 		} | ||||
| 
 | ||||
| @ -316,9 +307,6 @@ body.product-page { | ||||
| } | ||||
| 
 | ||||
| .item-group-slideshow { | ||||
| 	// .item-group-description { | ||||
| 		// max-width: 900px; | ||||
| 	// } | ||||
| 
 | ||||
| 	.carousel-inner.rounded-carousel { | ||||
| 		border-radius: var(--card-border-radius); | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user