* {
box-sizing: border-box;
}
:focus {
outline: 0;
}
img {
max-width: 100%;
vertical-align: middle;
}
.wrapper {
margin-bottom: 50%;
}
.photo {
position: relative;
display: inline-block;
margin-bottom: 5px;
}
.photo > img{
width: 400px;
height:400px;
}
.slider {
width: 400px;
}const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
{
test: cssRegex,
exclude: cssModuleRegex,
use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
},
{
test: cssModuleRegex,
use: [{ loader: 'style-loader' },
{
loader: 'css-loader',
options: {
modules: true,
},
},
],
},{this.state.cinemas.map((cinema,num) => (
<ListItemCinema
mall={cinema.attributes.mall}
title={cinema.attributes.title}
subway={
cinema.attributes.subway[num] === "undefined"
? null
: cinema.attributes.subway[num].name
}
labels={cinema.attributes.labels}
key={cinema.id}
shortTitle={cinema.attributes.shortTitle}
/>
))}setTimeout(function() {
$(".main").remove()
}, 1000);