<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<title>postcss 7.0.17 | Documentation</title>
<meta name='description' content='Tool for transforming styles with JS plugins'>
<meta name='viewport' content='width=device-width,initial-scale=1'>
<link href='assets/styles.min.css' rel='stylesheet' />
</head>
<body class='documentation'>
<div class='px2'>
<div class='clearfix md-flex lg-flex flex-stretch mxn2'>
<div class='documentation-sidebar relative top-0 bottom-0 right-0 px2 py2 col-3 md-show'>
<div class='font-smaller fixed col-3 top-0 bottom-0 left-0 overflow-auto fill-light dark-link'>
<div class='px2'>
<h3 class='mb0 no-anchor'><code>postcss</code></h3>
<div class='mb1'><code>7.0.17</code></div>
<input placeholder='Filter' id='filter-input' class='col12 block input' type='text' />
<div id="toc">
<a
href='#classes'
class="blockmt1 quiet rounded bold block h4 mt2 ">
<code>CLASSES</code>
</a>
<a
href='#atrule'
class="regular block toggle-sibling">
<code>AtRule</code>
<span class='icon'>▾</span>
</a>
<div class='toggle-target'>
<a
href='#atruleappend'
class='button-indent regular block'>
<code>#append</code>
</a>
<a
href='#atruleeach'
class='button-indent regular block'>
<code>#each</code>
</a>
<a
href='#atruleevery'
class='button-indent regular block'>
<code>#every</code>
</a>
<a
href='#atrulefirst'
class='button-indent regular block'>
<code>#first</code>
</a>
<a
href='#atruleindex'
class='button-indent regular block'>
<code>#index</code>
</a>
<a
href='#atruleinsertafter'
class='button-indent regular block'>
<code>#insertAfter</code>
</a>
<a
href='#atruleinsertbefore'
class='button-indent regular block'>
<code>#insertBefore</code>
</a>
<a
href='#atrulelast'
class='button-indent regular block'>
<code>#last</code>
</a>
<a
href='#atruleprepend'
class='button-indent regular block'>
<code>#prepend</code>
</a>
<a
href='#atruleremoveall'
class='button-indent regular block'>
<code>#removeAll</code>
</a>
<a
href='#atruleremovechild'
class='button-indent regular block'>
<code>#removeChild</code>
</a>
<a
href='#atrulereplacevalues'
class='button-indent regular block'>
<code>#replaceValues</code>
</a>
<a
href='#atrulesome'
class='button-indent regular block'>
<code>#some</code>
</a>
<a
href='#atrulewalk'
class='button-indent regular block'>
<code>#walk</code>
</a>
<a
href='#atrulewalkatrules'
class='button-indent regular block'>
<code>#walkAtRules</code>
</a>
<a
href='#atrulewalkcomments'
class='button-indent regular block'>
<code>#walkComments</code>
</a>
<a
href='#atrulewalkdecls'
class='button-indent regular block'>
<code>#walkDecls</code>
</a>
<a
href='#atrulewalkrules'
class='button-indent regular block'>
<code>#walkRules</code>
</a>
</div>
<a
href='#comment'
class="regular block toggle-sibling">
<code>Comment</code>
<span class='icon'>▾</span>
</a>
<div class='toggle-target'>
<a
href='#commentafter'
class='button-indent regular block'>
<code>#after</code>
</a>
<a
href='#commentbefore'
class='button-indent regular block'>
<code>#before</code>
</a>
<a
href='#commentcleanraws'
class='button-indent regular block'>
<code>#cleanRaws</code>
</a>
<a
href='#commentclone'
class='button-indent regular block'>
<code>#clone</code>
</a>
<a
href='#commentcloneafter'
class='button-indent regular block'>
<code>#cloneAfter</code>
</a>
<a
href='#commentclonebefore'
class='button-indent regular block'>
<code>#cloneBefore</code>
</a>
<a
href='#commenterror'
class='button-indent regular block'>
<code>#error</code>
</a>
<a
href='#commentnext'
class='button-indent regular block'>
<code>#next</code>
</a>
<a
href='#commentprev'
class='button-indent regular block'>
<code>#prev</code>
</a>
<a
href='#commentraw'
class='button-indent regular block'>
<code>#raw</code>
</a>
<a
href='#commentremove'
class='button-indent regular block'>
<code>#remove</code>
</a>
<a
href='#commentreplacewith'
class='button-indent regular block'>
<code>#replaceWith</code>
</a>
<a
href='#commentroot'
class='button-indent regular block'>
<code>#root</code>
</a>
<a
href='#commenttostring'
class='button-indent regular block'>
<code>#toString</code>
</a>
<a
href='#commentwarn'
class='button-indent regular block'>
<code>#warn</code>
</a>
</div>
<a
href='#container'
class="regular block toggle-sibling">
<code>Container</code>
<span class='icon'>▾</span>
</a>
<div class='toggle-target'>
<a
href='#containerafter'
class='button-indent regular block'>
<code>#after</code>
</a>
<a
href='#containerappend'
class='button-indent regular block'>
<code>#append</code>
</a>
<a
href='#containerbefore'
class='button-indent regular block'>
<code>#before</code>
</a>
<a
href='#containercleanraws'
class='button-indent regular block'>
<code>#cleanRaws</code>
</a>
<a
href='#containerclone'
class='button-indent regular block'>
<code>#clone</code>
</a>
<a
href='#containercloneafter'
class='button-indent regular block'>
<code>#cloneAfter</code>
</a>
<a
href='#containerclonebefore'
class='button-indent regular block'>
<code>#cloneBefore</code>
</a>
<a
href='#containereach'
class='button-indent regular block'>
<code>#each</code>
</a>
<a
href='#containererror'
class='button-indent regular block'>
<code>#error</code>
</a>
<a
href='#containerevery'
class='button-indent regular block'>
<code>#every</code>
</a>
<a
href='#containerfirst'
class='button-indent regular block'>
<code>#first</code>
</a>
<a
href='#containerindex'
class='button-