wcrisman/PetitTeton
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a shipping link from the farm page, and added content to the farm-made-fare page to providing shipping information.

Browse Source
This commit is contained in:
Wynne Crisman
2016-03-30 19:38:33 -07:00
parent 21f5632b68
commit 02f0986f4a
4 changed files with 96 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
public/farm-made-fare.styl
View File

@@ -1,56 +1,85 @@
#farm-made-fare {
.mainTextBlock {
}
/* farm-made-fare.html */
@media(max-width: 509px) {
#farm-made-fare .columned {
width: 250px;
.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;
}
}
}
@media(min-width: 510px) and (max-width: 769px) {
#farm-made-fare .columned {
width: 510px;
}
}
@media(min-width: 770px) { /* and (max-width: 1029px)*/
#farm-made-fare .columned {
width: 770px;
}
}
/*
@media(min-width: 1030px) {
#farm-made-fare .columned {
width: 1030px;
}
}
*/
#farm-made-fare .columned {
-webkit-columns: 250px auto;
-moz-columns: 250px auto;
columns: 250px auto;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
#farm-made-fare .columned div {
display: inline-block;
min-width: 250px;
}
@media(max-width: 549px) {
#farm-made-fare #vapPicturesContainer img {
width: 170px;
height: 96px;
}
#farm-made-fare .vapPictures {
width: 180px;
height: 106px;
}
}
@media(min-width: 550px) {
#farm-made-fare #vapPicturesContainer img {
width: 580px;
height: 326px;
}
#farm-made-fare .vapPictures {
width: 590px;
height: 336px;
}
}