publish: 2.4.0

generated from commit 05e1a8d

Author: MoOx

credits/index.html

@@ -161,7 +161,7 @@
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span><span class="cssnext-Header-version">2.3.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><header class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Jumbotron--credits-html"><div class="r-Grid"><div class="r-Grid-cell"><h1 class="cssnext-Jumbotron-title cssnext-Light">Credits</h1></div></div></header><section class="r-Grid cssnext-Section"><div class="r-Grid-cell js-markdownIt-TOCOriginalContainer"><ul>
+</svg></span><span class="cssnext-Header-version">2.4.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><header class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Jumbotron--credits-html"><div class="r-Grid"><div class="r-Grid-cell"><h1 class="cssnext-Jumbotron-title cssnext-Light">Credits</h1></div></div></header><section class="r-Grid cssnext-Section"><div class="r-Grid-cell js-markdownIt-TOCOriginalContainer"><ul>
 <li><a href="https://www.flickr.com/photos/jasoncipriani/11866004734">delorean back</a></li>
 <li><a href="https://www.flickr.com/photos/wizzer/9295055565">delorean with blue trails</a></li>
 <li><a href="https://www.flickr.com/photos/brianneudorff/10047726604">bttf legos</a></li>
@@ -330,5 +330,5 @@
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/credits.md">Edit this page</a></span></small></footer><script src="/index.js?8aa39d1792b7c0e3e5e1"></script><script>
+</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/credits.md">Edit this page</a></span></small></footer><script src="/index.js?6f43ca78be268d5f657b"></script><script>
 !function(c,s,S,n,e,x,t){c.GoogleAnalyticsObject=S;c[S]||(c[S]=function(){(c[S].q=c[S].q||[]).push(arguments)});c[S].l=+new Date;x=s.createElement(n);t=s.getElementsByTagName(n)[0];x.src=e;t.parentNode.insertBefore(x,t)}(window,document,'ga','script','//www.google-analytics.com/analytics.js');ga('create','UA-55403963-1','auto');ga('send','pageview');</script></body></html>

features/index.html

@@ -161,7 +161,7 @@
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span><span class="cssnext-Header-version">2.3.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><div class=""><div class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Center cssnext-Light">
+</svg></span><span class="cssnext-Header-version">2.4.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><div class=""><div class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Center cssnext-Light">
   <section class="r-Grid">
     <div class="r-Grid-cell">
       <strong class="cssnext-Jumbotron-title">Use tomorrow’s CSS syntax, today.</strong>
@@ -206,69 +206,82 @@ <h2 class="cssnext-Section-title">What is cssnext?</h2>
   <h2 class="cssnext-Section-title"><a href="/features/">Features</a></h2>
     <ul class="r-Grid cssnext-List cssnext-FeaturesList">
       <li class="r-Grid-cell r-minS--1of2">
-        custom properties & `var()`
+        <a href="/features/#automatic-vendor-prefixes">automatic vendor prefixes</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        reduced `calc()`
+        <a href="/features/#custom-properties-var">custom properties & <code>var()</code></a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        custom media queries
+        <a href="/features/#reduced-calc">reduced <code>calc()</code></a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        media queries ranges
+        <a href="/features/#custom-media-queries">custom media queries</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        custom selectors
+        <a href="/features/#media-queries-ranges">media queries ranges</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        automatic vendor prefixes
+        <a href="/features/#custom-selectors">custom selectors</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `color()` support
+        <a href="/features/#nesting">nesting</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `gray()` support
+        <a href="/features/#color-function"><code>color()</code> function</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `hwb()` support
+        <a href="/features/#hwb-function"><code>hwb()</code> function</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        hexa `#rrggbbaa` support
+        <a href="/features/#gray-function"><code>gray()</code> function</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `rebeccapurple`
+        <a href="/features/#rrggbbaa-colors"><code>#rrggbbaa</code> colors</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `:matches` pseudo-class
+        <a href="/features/#rgba-function-rgb-fallback"><code>rgba</code> function
+          <small class="cssnext-FeaturesList-small">
+            (<code>rgb</code> fallback</code>)
+          </small>
+        </a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `:not` pseudo-class
-        <small class="cssnext-FeaturesList-small">
-          (to l.3)
-        </small>
+        <a href="/features/#rebeccapurple-color"><code>rebeccapurple</code> color</a>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        font-variant
+        <a href="/features/#font-variant-property"><code>font-variant</code> property</a>
+      </li>
+      <li class="r-Grid-cell r-minS--1of2">
+        <a href="/features/#filter-property"><code>filter</code> property</a>
         <small class="cssnext-FeaturesList-small">
-          (to font-feature-settings)
+          (svg fallback)
         </small>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        filters
+        <a href="/features/#initial-value"><code>initial</code> value</a>
+      </li>
+      <li class="r-Grid-cell r-minS--1of2">
+        <a href="/features/#rem-unit-px-fallback"><code>rem</code> unit</a>
         <small class="cssnext-FeaturesList-small">
-          (svg fallback)
+          (<code>px</code> fallback)
         </small>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        `rem` units fallback
+        <a href="/features/#any-link-pseudo-class"><code>:any-link</code> pseudo-class</a>
+      </li>
+      <li class="r-Grid-cell r-minS--1of2">
+        <a href="/features/#matches-pseudo-class"><code>:matches</code> pseudo-class</a>
+      </li>
+      <li class="r-Grid-cell r-minS--1of2">
+        <a href="/features/#not-pseudo-class"><code>:not</code> pseudo-class</a>
         <small class="cssnext-FeaturesList-small">
-          (to px)
+          (to l.3)
         </small>
       </li>
       <li class="r-Grid-cell r-minS--1of2">
-        ::pseudo syntax
+        <a href="/features/#pseudo-syntax-fallback"><code>::</code>pseudo syntax</a>
         <small class="cssnext-FeaturesList-small">
-          (`:` compat)
+          (<code>:</code> fallback)
         </small>
       </li>
     </ul>
@@ -277,7 +290,7 @@ <h2 class="cssnext-Section-title"><a href="/features/">Features</a></h2>
       style="display: block; text-align: center;"
     >
       <small>
-        _l.* are level of the specification (when information is relevant)_
+        <em>l.* are level of the specification (when information is relevant)</em>
       </small>
     </small>
   </div>
@@ -521,5 +534,5 @@ <h3 class="cssnext-Section-title">It's fast. Lightning fast.</h3>
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/index.md">Edit this page</a></span></small></footer><script src="/index.js?8aa39d1792b7c0e3e5e1"></script><script>
+</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/index.md">Edit this page</a></span></small></footer><script src="/index.js?6f43ca78be268d5f657b"></script><script>
 !function(c,s,S,n,e,x,t){c.GoogleAnalyticsObject=S;c[S]||(c[S]=function(){(c[S].q=c[S].q||[]).push(arguments)});c[S].l=+new Date;x=s.createElement(n);t=s.getElementsByTagName(n)[0];x.src=e;t.parentNode.insertBefore(x,t)}(window,document,'ga','script','//www.google-analytics.com/analytics.js');ga('create','UA-55403963-1','auto');ga('send','pageview');</script></body></html>

index.css

@@ -161,7 +161,7 @@
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span><span class="cssnext-Header-version">2.3.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><header class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Jumbotron--it-s-cssnext-not-cssnext-html"><div class="r-Grid"><div class="r-Grid-cell"><h1 class="cssnext-Jumbotron-title cssnext-Light">It&#x27;s cssnext, not CSSNext</h1></div></div></header><section class="r-Grid cssnext-Section"><div class="r-Grid-cell js-markdownIt-TOCOriginalContainer"><h2 id="is-it-cssnext-or-cssnext-or-cssnext"><a class="markdownIt-Anchor" href="#is-it-cssnext-or-cssnext-or-cssnext">#</a> Is it cssnext or CSSNext or CSSnext?</h2>
+</svg></span><span class="cssnext-Header-version">2.4.0</span></a><a href="/features/" class="cssnext-Header-nav-item">Features</a><a href="/setup/" class="cssnext-Header-nav-item">Setup</a><a href="/usage/" class="cssnext-Header-nav-item">Usage</a><a href="/playground/" class="cssnext-Header-nav-item">Playground</a></span></div><div class="r-Grid-cell r-minM--2of6"><div class="cssnext-Header-nav"><a href="https://gitter.im/MoOx/postcss-cssnext" class="cssnext-Header-nav-item">Support</a><a href="https://github.com/MoOx/postcss-cssnext" title="GitHub" class="cssnext-Header-nav-item">GitHub</a><a href="https://twitter.com/cssnext" title="Twitter" class="cssnext-Header-nav-item">Twitter</a></div></div></div></header><header class="cssnext-Jumbotron cssnext-Jumbotron--default cssnext-Jumbotron--it-s-cssnext-not-cssnext-html"><div class="r-Grid"><div class="r-Grid-cell"><h1 class="cssnext-Jumbotron-title cssnext-Light">It&#x27;s cssnext, not CSSNext</h1></div></div></header><section class="r-Grid cssnext-Section"><div class="r-Grid-cell js-markdownIt-TOCOriginalContainer"><h2 id="is-it-cssnext-or-cssnext-or-cssnext"><a class="markdownIt-Anchor" href="#is-it-cssnext-or-cssnext-or-cssnext">#</a> Is it cssnext or CSSNext or CSSnext?</h2>
 <p>The official name is <strong>cssnext</strong>, which should never be capitalized, especially not at the start of a sentence, unless it is being displayed in a location that is customarily all-caps (such as the title of man pages).</p>
 <h3 id="why"><a class="markdownIt-Anchor" href="#why">#</a> Why ?</h3>
 <pre><code class="language-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">nameify</span>(<span class="hljs-params">string</span>) </span>{
@@ -342,5 +342,5 @@ <h3 id="why"><a class="markdownIt-Anchor" href="#why">#</a> Why ?</h3>
 	</linearGradient>
 	<path fill="url(#SVGID_12_)" d="M255.475,13.569l-4.391,21.613h-0.932l4.373-21.613H255.475z"/>
 </g>
-</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/it-s-cssnext-not-CSSNext.md">Edit this page</a></span></small></footer><script src="/index.js?8aa39d1792b7c0e3e5e1"></script><script>
+</svg></span> is brought to you by <a href="https://twitter.com/MoOx">@MoOx</a> &amp; <a href="https://github.com/MoOx/postcss-cssnext/graphs/contributors">some other contributors</a>.</p><small><a href="/it-s-cssnext-not-CSSNext">Note: it&#x27;s cssnext, not CSSNext</a><span style="opacity:.4;margin-left:1rem;"><a href="/credits">Credits</a> | <a href="https://github.com/MoOx/postcss-cssnext/edit/master/docs/content/it-s-cssnext-not-CSSNext.md">Edit this page</a></span></small></footer><script src="/index.js?6f43ca78be268d5f657b"></script><script>
 !function(c,s,S,n,e,x,t){c.GoogleAnalyticsObject=S;c[S]||(c[S]=function(){(c[S].q=c[S].q||[]).push(arguments)});c[S].l=+new Date;x=s.createElement(n);t=s.getElementsByTagName(n)[0];x.src=e;t.parentNode.insertBefore(x,t)}(window,document,'ga','script','//www.google-analytics.com/analytics.js');ga('create','UA-55403963-1','auto');ga('send','pageview');</script></body></html>