File tree Expand file tree Collapse file tree 2 files changed +24
-27
lines changed
Expand file tree Collapse file tree 2 files changed +24
-27
lines changed Original file line number Diff line number Diff line change 5454 }
5555}
5656
57-
5857@media only screen and (min-width : 600px ) {
5958 .merch-preview {
6059 .merch-details {
Original file line number Diff line number Diff line change 55
66.merch-container {
77 display : grid ;
8- grid-template-areas :
8+ grid-template-areas :
99 " back ."
1010 " description purchase"
1111 " gallery purchase" ;
5454 }
5555}
5656
57-
5857.purchase {
5958 background-color : #fff ;
6059 width : 350px ;
7776 h2 {
7877 margin-bottom : 0 ;
7978 }
80-
8179}
8280
8381.purchase-option {
8482 display : flex ;
8583 align-items : center ;
86-
84+
8785 .option-label {
8886 flex-grow : 1 ;
8987 display : grid ;
90- grid-template-areas :
88+ grid-template-areas :
9189 " option"
9290 " note" ;
9391 grid-template-columns : 1fr ;
9492 gap : 0.2em ;
9593
9694 & .with-quantity {
97- grid-template-areas :
95+ grid-template-areas :
9896 " quantity option"
9997 " note note" ;
10098 grid-template-columns : min-content 1fr ;
140138 }
141139}
142140
143- .gallery img , .merch-description img {
141+ .gallery img ,
142+ .merch-description img {
144143 border-radius : 10px ;
145144 border-style : initial ;
146145 max-height : initial ;
160159}
161160
162161@media only screen and (max-width : 1100px ) {
163- .merch-container {
164- display : grid ;
165- grid-template-areas :
166- " back"
167- " description"
168- " purchase"
169- " gallery" ;
170-
171- .purchase {
172- width : 100% ;
173- top : -60px ;
174- }
162+ .merch-container {
163+ display : grid ;
164+ grid-template-areas :
165+ " back"
166+ " description"
167+ " purchase"
168+ " gallery" ;
169+
170+ .purchase {
171+ width : 100% ;
172+ top : -60px ;
173+ }
175174
176- .merch-description {
177- width : 100% ;
178- }
175+ .merch-description {
176+ width : 100% ;
177+ }
179178
180- .gallery {
181- width : 100% ;
179+ .gallery {
180+ width : 100% ;
181+ }
182182 }
183-
184183}
185- }
You can’t perform that action at this time.
0 commit comments