phantasma/app/static/css/partials/_film.scss

51 lines
711 B
SCSS
Raw Normal View History

2021-09-30 17:30:36 +00:00
2021-09-30 18:33:47 +00:00
.films {
width: 100vw;
2021-10-10 15:06:43 +00:00
margin: 8px;
2021-09-30 18:33:47 +00:00
.film {
width: 100vw;
2021-10-10 15:06:43 +00:00
margin-bottom: 16px;
2021-09-30 18:33:47 +00:00
display: flex;
flex-direction: row;
.left, .right {
width: 50%;
img {
max-width: 100%;
}
}
h1 {
font-weight: bold;
font-size: 20px;
}
}
@media screen and (max-width: 799px) {
.film {
margin-bottom: 16px;
flex-direction: column;
.left, .right {
width: 100%;
img {
max-width: 100%;
}
}
h2 {
margin-bottom: 8px;
}
}
}
}
2021-10-10 15:06:43 +00:00
.film {
.info {
margin: 8px;
}
.play {
text-align: center;
margin: 8px;
margin-top: 16px;
margin-bottom: 16px;
}
}