ions/SD.js">SD.js d8e79ace03 index commit 2 years ago SE.js d8e79ace03 index commit 2 years ago SG.js d8e79ace03 index commit 2 years ago SH.js d8e79ace03 index commit 2 years ago SI.js d8e79ace03 index commit 2 years ago SK.js d8e79ace03 index commit 2 years ago SL.js d8e79ace03 index commit 2 years ago SM.js d8e79ace03 index commit 2 years ago SN.js d8e79ace03 index commit 2 years ago SO.js d8e79ace03 index commit 2 years ago SR.js d8e79ace03 index commit 2 years ago ST.js d8e79ace03 index commit 2 years ago SV.js d8e79ace03 index commit 2 years ago SY.js d8e79ace03 index commit 2 years ago SZ.js d8e79ace03 index commit 2 years ago TC.js d8e79ace03 index commit 2 years ago TD.js d8e79ace03 index commit 2 years ago TG.js d8e79ace03 index commit 2 years ago TH.js d8e79ace03 index commit 2 years ago TJ.js d8e79ace03 index commit 2 years ago TK.js d8e79ace03 index commit 2 years ago TL.js d8e79ace03 index commit 2 years ago TM.js d8e79ace03 index commit 2 years ago TN.js d8e79ace03 index commit 2 years ago TO.js d8e79ace03 index commit 2 years ago TR.js d8e79ace03 index commit 2 years ago TT.js d8e79ace03 index commit 2 years ago TV.js d8e79ace03 index commit 2 years ago TW.js d8e79ace03 index commit 2 years ago TZ.js d8e79ace03 index commit 2 years ago UA.js d8e79ace03 index commit 2 years ago UG.js d8e79ace03 index commit 2 years ago US.js d8e79ace03 index commit 2 years ago UY.js d8e79ace03 index commit 2 years ago UZ.js d8e79ace03 index commit 2 years ago VA.js d8e79ace03 index commit 2 years ago VC.js d8e79ace03 index commit 2 years ago VE.js d8e79ace03 index commit 2 years ago VG.js d8e79ace03 index commit 2 years ago VI.js d8e79ace03 index commit 2 years ago VN.js d8e79ace03 index commit 2 years ago VU.js d8e79ace03 index commit 2 years ago WF.js d8e79ace03 index commit 2 years ago WS.js d8e79ace03 index commit 2 years ago YE.js d8e79ace03 index commit 2 years ago YT.js d8e79ace03 index commit 2 years ago ZA.js d8e79ace03 index commit 2 years ago ZM.js d8e79ace03 index commit 2 years ago ZW.js d8e79ace03 index commit 2 years ago alt-af.js d8e79ace03 index commit 2 years ago alt-an.js d8e79ace03 index commit 2 years ago alt-as.js d8e79ace03 index commit 2 years ago alt-eu.js d8e79ace03 index commit 2 years ago alt-na.js d8e79ace03 index commit 2 years ago alt-oc.js d8e79ace03 index commit 2 years ago alt-sa.js d8e79ace03 index commit 2 years ago alt-ww.js d8e79ace03 index commit 2 years ago tmt/tiger_frontend - Gogs: Simplico Git Service
Accueil Explorer Aide
Connexion
tmt
/
tiger_frontend
Suivre 4
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 5 Publications 0 Wiki

Aucune description

Aborescence: 13a4160349
Branches Tags
tiger_frontend
/
node_modules
/
postcss-nested
golf 77628cf8bf first comm il y a 2 ans
..
LICENSE 77628cf8bf first comm il y a 2 ans
README.md 77628cf8bf first comm il y a 2 ans
index.d.ts 77628cf8bf first comm il y a 2 ans
index.js 77628cf8bf first comm il y a 2 ans
package.json 77628cf8bf first comm il y a 2 ans

README.md

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:

<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.