contentdb/app/scss/packagegrid.scss

42 lines
614 B
SCSS
Raw Normal View History

2018-05-09 19:35:36 +02:00
.packagegrid {
display: flex;
flex-wrap: wrap;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
2018-05-09 19:35:36 +02:00
padding: 0;
margin: 0;
}
.packagegrid li {
flex: 1;
display: block;
min-width: 246px;
min-height: 164px;
padding: 1;
margin: 5px;
2018-05-09 19:35:36 +02:00
}
.packagegrid a {
display: block;
padding-bottom: 66.66%;
2018-05-09 19:35:36 +02:00
border-radius: 7px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
2018-05-09 19:35:36 +02:00
}
.packagegrid a span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 5px;
background: rgba(255, 255, 255, 0.3);
color: black;
}