grey right age">2 vuotta sitten picomatch 30f7226d9a first commit 2 vuotta sitten pify 30f7226d9a first commit 2 vuotta sitten pirates 30f7226d9a first commit 2 vuotta sitten postcss 30f7226d9a first commit 2 vuotta sitten postcss-import 30f7226d9a first commit 2 vuotta sitten postcss-js 30f7226d9a first commit 2 vuotta sitten postcss-load-config 30f7226d9a first commit 2 vuotta sitten postcss-nested 30f7226d9a first commit 2 vuotta sitten postcss-selector-parser 30f7226d9a first commit 2 vuotta sitten postcss-value-parser 30f7226d9a first commit 2 vuotta sitten proto-list 30f7226d9a first commit 2 vuotta sitten proxy-from-env 30f7226d9a first commit 2 vuotta sitten queue-microtask 30f7226d9a first commit 2 vuotta sitten read-cache 30f7226d9a first commit 2 vuotta sitten readdirp 30f7226d9a first commit 2 vuotta sitten regenerator-runtime 30f7226d9a first commit 2 vuotta sitten relateurl 30f7226d9a first commit 2 vuotta sitten require-directory 30f7226d9a first commit 2 vuotta sitten resolve 30f7226d9a first commit 2 vuotta sitten reusify 30f7226d9a first commit 2 vuotta sitten run-parallel 30f7226d9a first commit 2 vuotta sitten semver 30f7226d9a first commit 2 vuotta sitten slick 30f7226d9a first commit 2 vuotta sitten slick-carousel 30f7226d9a first commit 2 vuotta sitten sortablejs 30f7226d9a first commit 2 vuotta sitten source-map 30f7226d9a first commit 2 vuotta sitten source-map-js 30f7226d9a first commit 2 vuotta sitten string-width 30f7226d9a first commit 2 vuotta sitten strip-ansi 30f7226d9a first commit 2 vuotta sitten sucrase 30f7226d9a first commit 2 vuotta sitten supports-preserve-symlinks-flag 30f7226d9a first commit 2 vuotta sitten tailwind-color-palette 30f7226d9a first commit 2 vuotta sitten tailwindcss 30f7226d9a first commit 2 vuotta sitten thenify 30f7226d9a first commit 2 vuotta sitten thenify-all 30f7226d9a first commit 2 vuotta sitten to-regex-range 30f7226d9a first commit 2 vuotta sitten tr46 30f7226d9a first commit 2 vuotta sitten ts-interface-checker 30f7226d9a first commit 2 vuotta sitten uglify-js 30f7226d9a first commit 2 vuotta sitten underscore 30f7226d9a first commit 2 vuotta sitten upper-case 30f7226d9a first commit 2 vuotta sitten util-deprecate 30f7226d9a first commit 2 vuotta sitten valid-data-url 30f7226d9a first commit 2 vuotta sitten web-resource-inliner 30f7226d9a first commit 2 vuotta sitten webidl-conversions 30f7226d9a first commit 2 vuotta sitten whatwg-url 30f7226d9a first commit 2 vuotta sitten wrap-ansi 30f7226d9a first commit 2 vuotta sitten wrappy 30f7226d9a first commit 2 vuotta sitten y18n 30f7226d9a first commit 2 vuotta sitten yallist 30f7226d9a first commit 2 vuotta sitten yaml 30f7226d9a first commit 2 vuotta sitten yargs 30f7226d9a first commit 2 vuotta sitten yargs-parser 30f7226d9a first commit 2 vuotta sitten .yarn-integrity 30f7226d9a first commit 2 vuotta sitten tum/tmt_learning - Gogs: Simplico Git Service

説明なし

Prach Pongpanich 6f337d0a21 install tailwind alpine daisyui		3 年前
..
LICENSE	6f337d0a21 install tailwind alpine daisyui	3 年前
README.md	6f337d0a21 install tailwind alpine daisyui	3 年前
index.d.ts	6f337d0a21 install tailwind alpine daisyui	3 年前
index.js	6f337d0a21 install tailwind alpine daisyui	3 年前
package.json	6f337d0a21 install tailwind alpine daisyui	3 年前

PostCSS Nested

<img align="right" width="135" height="95"

 title="Philosopher’s stone, logo of PostCSS"
 src="https://postcss.org/logo-leftp.svg">

PostCSS plugin to unwrap nested rules closer to Sass syntax.

.phone {
    &_title {
        width: 500px;
        @media (max-width: 500px) {
            width: auto;
        }
        body.is_dark & {
            color: white;
        }
    }
    img {
        display: block;
    }
}

.title {
  font-size: var(--font);

  @at-root html {
      --font: 16px
  }
}

will be processed to:

.phone_title {
    width: 500px;
}
@media (max-width: 500px) {
    .phone_title {
        width: auto;
    }
}
body.is_dark .phone_title {
    color: white;
}
.phone img {
    display: block;
}

.title {
  font-size: var(--font);
}
html {
  --font: 16px
}

Related plugins:

Use postcss-current-selector after this plugin if you want to use current selector in properties or variables values.
Use postcss-nested-ancestors before this plugin if you want to reference any ancestor element directly in your selectors with ^&.

Alternatives:

See also postcss-nesting, which implements CSSWG draft.
postcss-nested-props for nested properties like font-size.

<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"

   alt="Sponsored by Evil Martians" width="236" height="54">

Docs

Read full docs here.