const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = function() {
return {
plugins: [
new MiniCssExtractPlugin({
filename: "assets/css/main.css",
//chunkFilename: "assets/css/main.css"
})
],
module: {
rules: [
{
test: /\.(scss|css)$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: "../../"
}
},
{
loader: "css-loader",
options: {
importLoaders: 1,
url: true
}
},
{
loader: "postcss-loader"
},
{
loader: "sass-loader"
}
]
}
]
}
};
};This means that regularly libraries are not able to recognize observable arrays as normal arrays. This can simply be fixed by passing calling observable.toJS() or observable.slice() before passing the array to another library.
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width: 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/* Styles */
}
<a href="https://toster.ru/q/210875">Отсюда</a>