83 lines
1.2 KiB
SCSS
Executable File
83 lines
1.2 KiB
SCSS
Executable File
.zineWrapper {
|
|
|
|
.backButton {
|
|
color: black;
|
|
}
|
|
|
|
.zineDetail {
|
|
margin-top: 30px;
|
|
|
|
.zineTitle {
|
|
font-weight: bold;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.zineImg {
|
|
width: 100%;
|
|
max-width: 400px;
|
|
margin-right: 50px;
|
|
margin-bottom: 25px;
|
|
float: left;
|
|
}
|
|
|
|
.zineWriteup {
|
|
|
|
float: left;
|
|
@media screen and (min-width: 800px) {
|
|
max-width: 265px;
|
|
}
|
|
.zinePrice {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.checkoutWrapper {
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.zineImageWrapper {
|
|
.img-container {
|
|
max-width: 490px;
|
|
}
|
|
}
|
|
|
|
.carousel-focus {
|
|
margin-bottom: 10px;
|
|
.img-container {
|
|
width: 100%;
|
|
height: 370px;
|
|
text-align: center;
|
|
background: #e0dfdf;
|
|
}
|
|
img.carousel-thumbnail {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
vertical-align: middle;
|
|
margin: auto;
|
|
}
|
|
}
|
|
|
|
.carousel-thumbnails {
|
|
width: 100%;
|
|
margin: auto;
|
|
|
|
.img-container.slick-current {
|
|
img.carousel-thumbnail {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
img.carousel-thumbnail {
|
|
opacity: 0.5;
|
|
//max-height:100%;
|
|
height: 80px;
|
|
vertical-align: middle;
|
|
padding-right: 1px;
|
|
&:hover {
|
|
cursor: pointer;
|
|
//opacity: 1;
|
|
}
|
|
}
|
|
}
|