62 lines
1.1 KiB
Sass
62 lines
1.1 KiB
Sass
#farm-made-fare
|
|
.mainTextBlock
|
|
|
|
.secondaryTextBlock
|
|
font-size: 10px
|
|
border: 1px solid #666
|
|
padding: 4px
|
|
width: 300px
|
|
margin-left: 14px
|
|
margin-bottom: 6px
|
|
float: right
|
|
|
|
.shipImage
|
|
width: 100px
|
|
float: left
|
|
padding-right: 2px
|
|
|
|
.priceList
|
|
width: 100%
|
|
border: 2px solid #777
|
|
|
|
.secondaryTextBlock
|
|
|
|
/* farm-made-fare.html */
|
|
@media(max-width: 509px)
|
|
.columned
|
|
width: 250px
|
|
.secondaryTextBlock
|
|
margin: 0 auto
|
|
float: none
|
|
@media(min-width: 510px) and (max-width: 769px)
|
|
.columned
|
|
width: 510px
|
|
.secondaryTextBlock
|
|
width: 200px
|
|
@media(min-width: 770px) /* and (max-width: 1029px)*/
|
|
.columned
|
|
width: 770px
|
|
.columned
|
|
-webkit-columns: 250px auto
|
|
-moz-columns: 250px auto
|
|
columns: 250px auto
|
|
-webkit-column-gap: 10px
|
|
-moz-column-gap: 10px
|
|
column-gap: 10px
|
|
.columned div
|
|
display: inline-block
|
|
min-width: 250px
|
|
@media(max-width: 549px)
|
|
#vapPicturesContainer img
|
|
width: 170px
|
|
height: 96px
|
|
.vapPictures
|
|
width: 180px
|
|
height: 106px
|
|
@media(min-width: 550px)
|
|
#vapPicturesContainer img
|
|
width: 580px
|
|
height: 326px
|
|
.vapPictures
|
|
width: 590px
|
|
height: 336px |