mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-09 18:39:25 +02:00
modified
This commit is contained in:
Tutur33
-20
@@ -1,20 +0,0 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014 Maxime Thirouin
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
-153
@@ -1,153 +0,0 @@
|
||||
# PostCSS Calc [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS" width="90" height="90" align="right">][PostCSS]
|
||||
|
||||
[![NPM Version][npm-img]][npm-url]
|
||||
[![Support Chat][git-img]][git-url]
|
||||
|
||||
[PostCSS Calc] lets you reduce `calc()` references whenever it's possible.
|
||||
When multiple units are mixed together in the same expression, the `calc()`
|
||||
statement is left as is, to fallback to the [W3C calc() implementation].
|
||||
|
||||
## Installation
|
||||
|
||||
```bash
|
||||
npm install postcss-calc
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
```js
|
||||
// dependencies
|
||||
var fs = require("fs")
|
||||
var postcss = require("postcss")
|
||||
var calc = require("postcss-calc")
|
||||
|
||||
// css to be processed
|
||||
var css = fs.readFileSync("input.css", "utf8")
|
||||
|
||||
// process css
|
||||
var output = postcss()
|
||||
.use(calc())
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
Using this `input.css`:
|
||||
|
||||
```css
|
||||
h1 {
|
||||
font-size: calc(16px * 2);
|
||||
height: calc(100px - 2em);
|
||||
width: calc(2*var(--base-width));
|
||||
margin-bottom: calc(16px * 1.5);
|
||||
}
|
||||
```
|
||||
|
||||
you will get:
|
||||
|
||||
```css
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
height: calc(100px - 2em);
|
||||
width: calc(2*var(--base-width));
|
||||
margin-bottom: 24px
|
||||
}
|
||||
```
|
||||
Checkout [tests] for more examples.
|
||||
|
||||
### Options
|
||||
|
||||
#### `precision` (default: `5`)
|
||||
|
||||
Allow you to define the precision for decimal numbers.
|
||||
|
||||
```js
|
||||
var out = postcss()
|
||||
.use(calc({precision: 10}))
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
#### `preserve` (default: `false`)
|
||||
|
||||
Allow you to preserve calc() usage in output so browsers will handle decimal
|
||||
precision themselves.
|
||||
|
||||
```js
|
||||
var out = postcss()
|
||||
.use(calc({preserve: true}))
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
#### `warnWhenCannotResolve` (default: `false`)
|
||||
|
||||
Adds warnings when calc() are not reduced to a single value.
|
||||
|
||||
```js
|
||||
var out = postcss()
|
||||
.use(calc({warnWhenCannotResolve: true}))
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
#### `mediaQueries` (default: `false`)
|
||||
|
||||
Allows calc() usage as part of media query declarations.
|
||||
|
||||
```js
|
||||
var out = postcss()
|
||||
.use(calc({mediaQueries: true}))
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
#### `selectors` (default: `false`)
|
||||
|
||||
Allows calc() usage as part of selectors.
|
||||
|
||||
```js
|
||||
var out = postcss()
|
||||
.use(calc({selectors: true}))
|
||||
.process(css)
|
||||
.css
|
||||
```
|
||||
|
||||
Example:
|
||||
|
||||
```css
|
||||
div[data-size="calc(3*3)"] {
|
||||
width: 100px;
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Related PostCSS plugins
|
||||
To replace the value of CSS custom properties at build time, try [PostCSS Custom Properties].
|
||||
|
||||
## Contributing
|
||||
|
||||
Work on a branch, install dev-dependencies, respect coding style & run tests
|
||||
before submitting a bug fix or a feature.
|
||||
|
||||
```bash
|
||||
git clone git@github.com:postcss/postcss-calc.git
|
||||
git checkout -b patch-1
|
||||
npm install
|
||||
npm test
|
||||
```
|
||||
|
||||
## [Changelog](CHANGELOG.md)
|
||||
|
||||
## [License](LICENSE)
|
||||
|
||||
[git-img]: https://img.shields.io/badge/support-chat-blue.svg
|
||||
[git-url]: https://gitter.im/postcss/postcss
|
||||
[npm-img]: https://img.shields.io/npm/v/postcss-calc.svg
|
||||
[npm-url]: https://www.npmjs.com/package/postcss-calc
|
||||
|
||||
[PostCSS]: https://github.com/postcss
|
||||
[PostCSS Calc]: https://github.com/postcss/postcss-calc
|
||||
[PostCSS Custom Properties]: https://github.com/postcss/postcss-custom-properties
|
||||
[tests]: src/__tests__/index.js
|
||||
[W3C calc() implementation]: https://www.w3.org/TR/css3-values/#calc-notation
|
||||
-62
@@ -1,62 +0,0 @@
|
||||
{
|
||||
"name": "postcss-calc",
|
||||
"version": "8.2.4",
|
||||
"description": "PostCSS plugin to reduce calc()",
|
||||
"keywords": [
|
||||
"css",
|
||||
"postcss",
|
||||
"postcss-plugin",
|
||||
"calculation",
|
||||
"calc"
|
||||
],
|
||||
"main": "src/index.js",
|
||||
"types": "types/index.d.ts",
|
||||
"files": [
|
||||
"src",
|
||||
"types",
|
||||
"LICENSE"
|
||||
],
|
||||
"author": "Andy Jansson",
|
||||
"license": "MIT",
|
||||
"repository": "https://github.com/postcss/postcss-calc.git",
|
||||
"eslintConfig": {
|
||||
"extends": [
|
||||
"eslint:recommended",
|
||||
"prettier"
|
||||
],
|
||||
"env": {
|
||||
"node": true,
|
||||
"es2017": true
|
||||
},
|
||||
"ignorePatterns": [
|
||||
"src/parser.js"
|
||||
],
|
||||
"rules": {
|
||||
"curly": "error"
|
||||
}
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^17.0.15",
|
||||
"eslint": "^8.8.0",
|
||||
"eslint-config-prettier": "^8.3.0",
|
||||
"jison-gho": "^0.6.1-216",
|
||||
"postcss": "^8.2.2",
|
||||
"prettier": "^2.5.1",
|
||||
"typescript": "^4.5.5",
|
||||
"uvu": "^0.5.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"postcss-selector-parser": "^6.0.9",
|
||||
"postcss-value-parser": "^4.2.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"postcss": "^8.2.2"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "jison src/parser.jison -o src/parser.js",
|
||||
"lint": "eslint src && tsc",
|
||||
"pretest": "pnpm run build",
|
||||
"test": "uvu src/__tests__"
|
||||
},
|
||||
"readme": "# PostCSS Calc [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n[![NPM Version][npm-img]][npm-url]\n[![Support Chat][git-img]][git-url]\n\n[PostCSS Calc] lets you reduce `calc()` references whenever it's possible.\nWhen multiple units are mixed together in the same expression, the `calc()`\nstatement is left as is, to fallback to the [W3C calc() implementation].\n\n## Installation\n\n```bash\nnpm install postcss-calc\n```\n\n## Usage\n\n```js\n// dependencies\nvar fs = require(\"fs\")\nvar postcss = require(\"postcss\")\nvar calc = require(\"postcss-calc\")\n\n// css to be processed\nvar css = fs.readFileSync(\"input.css\", \"utf8\")\n\n// process css\nvar output = postcss()\n .use(calc())\n .process(css)\n .css\n```\n\nUsing this `input.css`:\n\n```css\nh1 {\n font-size: calc(16px * 2);\n height: calc(100px - 2em);\n width: calc(2*var(--base-width));\n margin-bottom: calc(16px * 1.5);\n}\n```\n\nyou will get:\n\n```css\nh1 {\n font-size: 32px;\n height: calc(100px - 2em);\n width: calc(2*var(--base-width));\n margin-bottom: 24px\n}\n```\nCheckout [tests] for more examples.\n\n### Options\n\n#### `precision` (default: `5`)\n\nAllow you to define the precision for decimal numbers.\n\n```js\nvar out = postcss()\n .use(calc({precision: 10}))\n .process(css)\n .css\n```\n\n#### `preserve` (default: `false`)\n\nAllow you to preserve calc() usage in output so browsers will handle decimal\nprecision themselves.\n\n```js\nvar out = postcss()\n .use(calc({preserve: true}))\n .process(css)\n .css\n```\n\n#### `warnWhenCannotResolve` (default: `false`)\n\nAdds warnings when calc() are not reduced to a single value.\n\n```js\nvar out = postcss()\n .use(calc({warnWhenCannotResolve: true}))\n .process(css)\n .css\n```\n\n#### `mediaQueries` (default: `false`)\n\nAllows calc() usage as part of media query declarations.\n\n```js\nvar out = postcss()\n .use(calc({mediaQueries: true}))\n .process(css)\n .css\n```\n\n#### `selectors` (default: `false`)\n\nAllows calc() usage as part of selectors.\n\n```js\nvar out = postcss()\n .use(calc({selectors: true}))\n .process(css)\n .css\n```\n\nExample:\n\n```css\ndiv[data-size=\"calc(3*3)\"] {\n width: 100px;\n}\n```\n\n---\n\n## Related PostCSS plugins\nTo replace the value of CSS custom properties at build time, try [PostCSS Custom Properties].\n\n## Contributing\n\nWork on a branch, install dev-dependencies, respect coding style & run tests\nbefore submitting a bug fix or a feature.\n\n```bash\ngit clone git@github.com:postcss/postcss-calc.git\ngit checkout -b patch-1\nnpm install\nnpm test\n```\n\n## [Changelog](CHANGELOG.md)\n\n## [License](LICENSE)\n\n[git-img]: https://img.shields.io/badge/support-chat-blue.svg\n[git-url]: https://gitter.im/postcss/postcss\n[npm-img]: https://img.shields.io/npm/v/postcss-calc.svg\n[npm-url]: https://www.npmjs.com/package/postcss-calc\n\n[PostCSS]: https://github.com/postcss\n[PostCSS Calc]: https://github.com/postcss/postcss-calc\n[PostCSS Custom Properties]: https://github.com/postcss/postcss-custom-properties\n[tests]: src/__tests__/index.js\n[W3C calc() implementation]: https://www.w3.org/TR/css3-values/#calc-notation\n"
|
||||
}
|
||||
Reference in New Issue
Block a user