summaryrefslogtreecommitdiff
path: root/node_modules/postcss-input-style/README.md
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2026-05-18 23:10:59 +0800
committerlittleblack111 <littleblack11111@gmail.com>2026-05-18 23:41:44 +0800
commitfc87c009806dcc98867f6b58efe29b042aa01dee (patch)
tree8f59b3f4a5b66e9dfef2d40c8d318e258a521228 /node_modules/postcss-input-style/README.md
parent3336b2356ee6152d9c6ae59bd9b87ccbc0958407 (diff)
node: updatemain
Diffstat (limited to 'node_modules/postcss-input-style/README.md')
-rw-r--r--node_modules/postcss-input-style/README.md99
1 files changed, 0 insertions, 99 deletions
diff --git a/node_modules/postcss-input-style/README.md b/node_modules/postcss-input-style/README.md
deleted file mode 100644
index 5af10d2b..00000000
--- a/node_modules/postcss-input-style/README.md
+++ /dev/null
@@ -1,99 +0,0 @@
-# PostCSS Input Style
-[![NPM version][npm-badge]][npm-url] [![Build Status][travis-badge]][travis-url] [![Dependency Status][daviddm-badge]][daviddm-url]
-
-[PostCSS][PostCSS] plugin that adds new pseudo elements to inputs for easy cross-browser styling of their inner elements. Currently the only input supported is Range, more will be added as more vendor-specific pseudo selectors are made available.
-
-_Part of [Rucksack - CSS Superpowers](http://simplaio.github.io/rucksack)_
-
-**Input**
-
-```css
-input[type="range"]::track {
- background: #9d9d9d;
- height: 3px;
-}
-
-input[type="range"]::thumb {
- background: #4286be;
- width: 16px;
- height: 8px;
-}
-```
-
-**Output**
-
-```css
-input[type="range"]::-webkit-slider-runnable-track {
- -webkit-appearance: none;
- background: #9d9d9d;
- height: 3px;
-}
-
-input[type="range"]::-moz-range-track {
- -moz-appearance: none;
- background: #9d9d9d;
- height: 3px;
-}
-
-input[type="range"]::-ms-track {
- background: #9d9d9d;
- height: 3px;
-}
-
-input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none;
- background: #4286be;
- width: 16px;
- height: 8px;
-}
-
-input[type="range"]::-moz-range-thumb {
- -moz-appearance: none;
- background: #4286be;
- width: 16px;
- height: 8px;
-}
-
-input[type="range"]::-ms-thumb {
- background: #4286be;
- width: 16px;
- height: 8px;
-}
-
-input[type="range"] {
- -webkit-appearance: none;
-}
-
-input[type=range]::-moz-focus-outer {
- border: 0;
-}
-```
-
-Notes on output:
-
-- Selectors are not grouped because if a browser finds a single selector it doesn't understand in a group, the whole group is ignored (see [Selectors Level 3][selectors])
-
-- `-[vendor]-appearance: none;` is added so your custom styles apply. On Chrome and Safari this means you must style *both* `::track` and `::thumb`, since the appearance must be set on the root element as well
-
-- The additional `::-moz-focus-outer` rule removes the inconsistent dotted focus outline on firefox.
-
-## Usage
-
-```js
-postcss([ require('postcss-input-style') ])
-```
-
-See [PostCSS][PostCSS] docs for examples for your environment.
-
-***
-
-MIT © [Sean King](https://twitter.com/seaneking)
-
-[npm-badge]: https://badge.fury.io/js/postcss-input-style.svg
-[npm-url]: https://npmjs.org/package/postcss-input-style
-[travis-badge]: https://travis-ci.org/seaneking/postcss-input-style.svg?branch=master
-[travis-url]: https://travis-ci.org/seaneking/postcss-input-style
-[daviddm-badge]: https://david-dm.org/seaneking/postcss-input-style.svg?theme=shields.io
-[daviddm-url]: https://david-dm.org/seaneking/postcss-input-style
-[PostCSS]: https://github.com/postcss/postcss
-[selectors]: http://www.w3.org/TR/selectors/#Conformance