postcss-scopeify/tests/test.css

A postcss plugin to add a scope before every rule

h1 {
    color: red;
    background: beige;
    font-size: 20px;
}

h2 {
    color: blue;
    background: yellow;
    font-size: 15px;
}

:root {
    --color: red;
}

.ignore-me {
    color: green;
}

button {
    color: var(--color);
}

button:hover {
    color: green;
}

.header .nav .link {
    color: #333;
}

p,
span,
div {
    background-color: #fff;
}

@media screen and (max-width: 1240px) {
    .container {
        width: 100%;
    }

    .container .item {
        width: 100%;
    }

    .container .item .item-content {
        width: 100%;
    }
}