Initial commit. Transferred from an Eclipse/Brainstorm environment to NodeJS.
This commit is contained in:
56
public/farm-made-fare.styl
Normal file
56
public/farm-made-fare.styl
Normal file
@@ -0,0 +1,56 @@
|
||||
|
||||
/* farm-made-fare.html */
|
||||
@media(max-width: 509px) {
|
||||
#farm-made-fare .columned {
|
||||
width: 250px;
|
||||
}
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user