CSS & new class name

CSS & new class name

    {
        test: /\.((s*)css|sass)$/,
        // test: /\.(css|scss|sass)$/,
        use: ExtractTextPlugin.extract({
            use: [
                {
                    loader: "css-loader",
                    options: {
                        url: false,
                        // url: true,
                        minimize: true,
                        sourceMap: true,
                        modules: true,
                        importLoaders: 1,
                        // localIdentName: "[local]",
                        localIdentName: "f10_[name]_[local]",
                        // localIdentName: "[path][name]__[local]",
                        // localIdentName: "[name]__[local]___[hash:base64:8]",
                    }
                },
                {
                    loader: "sass-loader",
                    options: {
                        sourceMap: true,
                    }
                }
            ],
            fallback: "style-loader",
            // allChunks: true,
            // publicPath: "./public",// not work ant all
        }),
    },

latest-news.css

@charset "UTf-8";

/* latest-news.css */

:root {
    --cololr: #000;
    --default-cololr: #fff;
    --new-cololr: #0f0;
}

body {
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 12px;
}

*,
html {
    box-sizing: border-box;
}

::before,
::after {
    margin: 0;
    padding: 0;
}

.table {
    box-sizing: border-box;
    font-size: 13px;
    color: #121212;
    background: #fff;
    width: calc(100% - 10px);
    margin: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 1024px;
}

.table td {
    /* line-height: 36px; */
    height: 36px;
    padding: 0 5px;
    border: 1px solid #d7dbe0;
    color: #777374;
    font-weight: normal;
    text-align: left;
}

span {
    display: inline-block;
    /* vertical-align: middle; */
    /* background: #f0f; */
}

.fixed-width,
.fixed-min-width,
.fixed-max-width {
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #0f0f;
    color: #121212;
    /* margin-bottom: -13px; */
    padding: 0 3px;
    vertical-align: middle;
}

.fixed-width {
    /* width: 67vw; */
    width: 700px;
}

.fixed-min-width {
    /* width: 17vw; */
    width: 183px;
}

.fixed-max-width {
    width: 953px;
}

.title-box {
    width: calc(100% - 10px);
    margin: 5px;
    min-width: 1024px;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
}

.title-icons {
    position: relative;
    color: #4d4d4d;
    text-indent: 14px;
    margin-left: 0;
    font-weight: 600;
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.title-icons::before {
    position: absolute;
    top: 3px;
    left: 5px;
    content: "";
    display: inline-block;
    width: 4px;
    background: #f79530;
    height: 15px;
}

@media all and (min-width: 1400px) {
    .fixed-width {
        /* width: 67vw; */
        width: 1000px;
    }
    .fixed-min-width {
        /* width: 17vw; */
        width: 203px;
    }
    .fixed-max-width {
        width: 1303px;
    }
    .table {
        min-width: 1366px;
    }
    .title-box {
        min-width: 1366px;
    }
}

latest-news.min.css

:root{--cololr:#000;--default-cololr:#fff;--new-cololr:#0f0}body{font-family:Microsoft YaHei,sans-serif;font-size:12px}*,html{box-sizing:border-box}:after,:before{margin:0;padding:0}.f10_latest-news_table{box-sizing:border-box;font-size:13px;color:#121212;background:#fff;width:calc(100% - 10px);margin:5px;border-collapse:collapse;border-spacing:0;min-width:1024px}.f10_latest-news_table td{height:36px;padding:0 5px;border:1px solid #d7dbe0;color:#777374;font-weight:400;text-align:left}span{display:inline-block}.f10_latest-news_fixed-max-width,.f10_latest-news_fixed-min-width,.f10_latest-news_fixed-width{line-height:36px;height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#0f0f;color:#121212;padding:0 3px;vertical-align:middle}.f10_latest-news_fixed-width{width:700px}.f10_latest-news_fixed-min-width{width:183px}.f10_latest-news_fixed-max-width{width:953px}.f10_latest-news_title-box{width:calc(100% - 10px);margin:5px;min-width:1024px;background:#f1f1f1;border:1px solid #e1e1e1}.f10_latest-news_title-icons{position:relative;color:#4d4d4d;text-indent:14px;margin-left:0;font-weight:600;font-size:15px;margin-top:6px;margin-bottom:6px}.f10_latest-news_title-icons:before{position:absolute;top:3px;left:5px;content:"";display:inline-block;width:4px;background:#f79530;height:15px}@media (min-width:1400px){.f10_latest-news_fixed-width{width:1000px}.f10_latest-news_fixed-min-width{width:203px}.f10_latest-news_fixed-max-width{width:1303px}.f10_latest-news_table,.f10_latest-news_title-box{min-width:1366px}}
/*# sourceMappingURL=latest-news.min.css.map?7356c9de*/

---

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---