Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
rework pseudo elements support.
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
test
.gitignore
.travis.yml
History.md
Makefile
Readme.md
index.js
package.json

Readme.md

Build Status

rework-pseudos

rework pseudo elements support

Installation

$ npm install rework-pseudos

Example

rework(css)
  .use(pseudos())
  .toString();

style.css

/**
 * Comment.
 */

::selection {
  background: #ddd;
}

::progress {
  background: #ddd;
}

.text::selection {
  background: #eee;
}

input::placeholder,
textarea::placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

@media print {
  ::placeholder,
  .text {
    font-weight: bold;
  }
}

yields

/**
 * Comment.
 */

::-moz-selection {
  background: #ddd;
}

::selection {
  background: #ddd;
}

::-ms-fill {
  background: #ddd;
}

::-moz-progress-bar {
  background: #ddd;
}

::-webkit-progress-bar {
  background: #ddd;
}

.text::-moz-selection {
  background: #eee;
}

.text::selection {
  background: #eee;
}

input::-moz-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

input:-ms-input-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

input::-webkit-input-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

textarea::-moz-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

textarea:-ms-input-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

textarea::-webkit-input-placeholder {
  font: 200 14px/1.6 'Helvetica Neue';
}

::selection

::selection {
  color: yellow;
}

yields

::selection {
  color: yellow;
}

::-moz-selection {
  color: yellow;
}

::placeholder

::placeholder {
  color: yellow
}

yields

::-webkit-input-placeholder {
  color: yellow;
}

:-ms-input-placeholder {
  color: yellow;
}

::-moz-placeholder {
  color: yellow;
}

::progress

::progress {
  background: yellow;
}

yields

::-webkit-progress-bar {
  background: yellow;
}

::-moz-progress-bar {
  background: yellow;
}

::-ms-fill {
  background: yellow
}

See all pseudo elements

References

Tests

$ make test

License

(MIT)

Something went wrong with that request. Please try again.