import publik theming tools
This commit is contained in:
parent
6db737229e
commit
d8bfd39c89
|
@ -0,0 +1,57 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
# folder Name
|
||||||
|
read -p 'folder name : ' folderName
|
||||||
|
# Theme Label
|
||||||
|
read -p 'Theme label : ' themeLabel
|
||||||
|
# Theme Color
|
||||||
|
read -p 'Theme Color (hexa) : ' themeColor
|
||||||
|
# Active PWA
|
||||||
|
read -p 'Active PWA (0/1) : ' pwa
|
||||||
|
|
||||||
|
cd ~/src/publik-base-theme/
|
||||||
|
|
||||||
|
# create folder
|
||||||
|
themefolderPath=static/$folderName
|
||||||
|
mkdir $themefolderPath
|
||||||
|
|
||||||
|
# store config PWA
|
||||||
|
if [ $pwa == 1 ]
|
||||||
|
then
|
||||||
|
configPWA='"pwa_display": "standalone",'
|
||||||
|
fi
|
||||||
|
|
||||||
|
# create config.json file
|
||||||
|
cat >${themefolderPath}/config.json <<EOF
|
||||||
|
{
|
||||||
|
"label": "${themeLabel}",
|
||||||
|
"variables": {
|
||||||
|
${configPWA}
|
||||||
|
"theme_color": "${themeColor}",
|
||||||
|
"email_header_asset": "emails:logo"
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"combo": {
|
||||||
|
"COMBO_ASSET_SLOTS.update": {
|
||||||
|
"header:logo": { "label": "Têtière : logo" },
|
||||||
|
"emails:logo": {"label": "Emails : logo"}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
EOF
|
||||||
|
|
||||||
|
# create css files
|
||||||
|
touch ${themefolderPath}/_vars.scss ${themefolderPath}/_custom.scss
|
||||||
|
cat >${themefolderPath}/style.scss <<EOF
|
||||||
|
@charset "UTF-8";
|
||||||
|
@import '../includes/fonts/source-sans-pro';
|
||||||
|
|
||||||
|
@import 'vars';
|
||||||
|
@import '../includes/publik';
|
||||||
|
@import 'custom';
|
||||||
|
EOF
|
||||||
|
|
||||||
|
# make
|
||||||
|
make themes.json
|
||||||
|
make css static/$folderName/style.css
|
|
@ -0,0 +1,18 @@
|
||||||
|
const pkgJson = require('./package.json');
|
||||||
|
// const exec = require('child_process').exec;
|
||||||
|
const browserSync = require("browser-sync").create();
|
||||||
|
const apps = [ 'combo', 'wcs', 'authentic'];
|
||||||
|
|
||||||
|
const param = process.argv.pop();
|
||||||
|
const themeFolder = process.env.npm_package_config_themefolder;
|
||||||
|
const app = apps.includes(param) ? param : process.env.npm_package_config_app;
|
||||||
|
const appurl = pkgJson.config.url[app];
|
||||||
|
|
||||||
|
browserSync.init({
|
||||||
|
proxy: appurl,
|
||||||
|
files: [
|
||||||
|
`${themeFolder}/static/**/*.css`,
|
||||||
|
`${themeFolder}/templates/**/*`
|
||||||
|
],
|
||||||
|
logLevel: "debug"
|
||||||
|
})
|
|
@ -0,0 +1,34 @@
|
||||||
|
{
|
||||||
|
"name": "Publik-watch-reload",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Watch html & css files; run make css & themes; reload browser",
|
||||||
|
"author": "Thomas JUND",
|
||||||
|
"config": {
|
||||||
|
"url": {
|
||||||
|
"combo": "https://combo.dev.publik.love/",
|
||||||
|
"authentic": "https://authentic.dev.publik.love/accounts/register/",
|
||||||
|
"wcs": "https://wcs.dev.publik.love/form-test",
|
||||||
|
"agent-combo": "https://agent-combo.dev.publik.love/"
|
||||||
|
},
|
||||||
|
"themefolder": "publik-base-theme",
|
||||||
|
"theme": "thomas",
|
||||||
|
"app": "combo"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"explore:css": "cd $npm_package_config_themefolder && postcss static/**/style.css --config postcss.config.js --dir /tmp/ > /tmp/explorecss.txt",
|
||||||
|
"stop:memcache": "sudo systemctl stop memcached",
|
||||||
|
"build:css": "cd $npm_package_config_themefolder && make static/$npm_package_config_theme/style.css",
|
||||||
|
"build:themes": "cd $npm_package_config_themefolder && make themes.json",
|
||||||
|
"watch:scss": "cd $npm_package_config_themefolder && chokidar 'static/**/*.scss' -c 'npm run build:css'",
|
||||||
|
"watch:config": "cd $npm_package_config_themefolder && chokidar 'static/**/config.json' -c 'npm run build:themes'",
|
||||||
|
"serve": "node npm_serve.js",
|
||||||
|
"dev": "run-p watch:* & npm run serve"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"browser-sync": "^2.26.7",
|
||||||
|
"chokidar-cli": "^2.0.0",
|
||||||
|
"eslint": "^7.7.0",
|
||||||
|
"npm-run-all": "^4.1.5",
|
||||||
|
"postcss-cli": "^7.1.2"
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,15 @@
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
indent_style = tab
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[*.{json,md,yml}]
|
||||||
|
indent_size = 2
|
||||||
|
indent_style = space
|
|
@ -0,0 +1,11 @@
|
||||||
|
.*
|
||||||
|
!.editorconfig
|
||||||
|
!.gitignore
|
||||||
|
!.rollup.js
|
||||||
|
!.tape.js
|
||||||
|
!.travis.yml
|
||||||
|
*.log*
|
||||||
|
*.result.css
|
||||||
|
/index.*
|
||||||
|
node_modules
|
||||||
|
package-lock.json
|
|
@ -0,0 +1,16 @@
|
||||||
|
import babel from 'rollup-plugin-babel';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
input: 'src/index.js',
|
||||||
|
output: [
|
||||||
|
{ file: 'index.js', format: 'cjs', sourcemap: true, strict: false },
|
||||||
|
{ file: 'index.mjs', format: 'esm', sourcemap: true, strict: false }
|
||||||
|
],
|
||||||
|
plugins: [
|
||||||
|
babel({
|
||||||
|
presets: [
|
||||||
|
['@babel/env', { modules: false, targets: { node: 8 } }]
|
||||||
|
]
|
||||||
|
})
|
||||||
|
]
|
||||||
|
};
|
|
@ -0,0 +1,5 @@
|
||||||
|
module.exports = {
|
||||||
|
'basic': {
|
||||||
|
message: 'supports basic usage'
|
||||||
|
}
|
||||||
|
};
|
|
@ -0,0 +1,9 @@
|
||||||
|
# https://docs.travis-ci.com/user/travis-lint
|
||||||
|
|
||||||
|
language: node_js
|
||||||
|
|
||||||
|
node_js:
|
||||||
|
- 8
|
||||||
|
|
||||||
|
install:
|
||||||
|
- npm install --ignore-scripts
|
|
@ -0,0 +1,5 @@
|
||||||
|
# Changes to PostCSS postcss-explore
|
||||||
|
|
||||||
|
### 1.0.0 (September 18, 2020)
|
||||||
|
|
||||||
|
- Initial version
|
|
@ -0,0 +1,65 @@
|
||||||
|
# Contributing to PostCSS postcss-explore
|
||||||
|
|
||||||
|
You want to help? You rock! Now, take a moment to be sure your contributions
|
||||||
|
make sense to everyone else.
|
||||||
|
|
||||||
|
## Reporting Issues
|
||||||
|
|
||||||
|
Found a problem? Want a new feature?
|
||||||
|
|
||||||
|
- See if your issue or idea has [already been reported].
|
||||||
|
- Provide a [reduced test case] or a [live example].
|
||||||
|
|
||||||
|
Remember, a bug is a _demonstrable problem_ caused by _our_ code.
|
||||||
|
|
||||||
|
## Submitting Pull Requests
|
||||||
|
|
||||||
|
Pull requests are the greatest contributions, so be sure they are focused in
|
||||||
|
scope and avoid unrelated commits.
|
||||||
|
|
||||||
|
1. To begin; [fork this project], clone your fork, and add our upstream.
|
||||||
|
```bash
|
||||||
|
# Clone your fork of the repo into the current directory
|
||||||
|
git clone git@github.com:YOUR_USER/postcss-postcss-explore.git
|
||||||
|
|
||||||
|
# Navigate to the newly cloned directory
|
||||||
|
cd postcss-postcss-explore
|
||||||
|
|
||||||
|
# Assign the original repo to a remote called "upstream"
|
||||||
|
git remote add upstream git@github.com:csstools/postcss-postcss-explore.git
|
||||||
|
|
||||||
|
# Install the tools necessary for testing
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
2. Create a branch for your feature or fix:
|
||||||
|
```bash
|
||||||
|
# Move into a new branch for your feature
|
||||||
|
git checkout -b feature/thing
|
||||||
|
```
|
||||||
|
```bash
|
||||||
|
# Move into a new branch for your fix
|
||||||
|
git checkout -b fix/something
|
||||||
|
```
|
||||||
|
|
||||||
|
3. If your code follows our practices, then push your feature branch:
|
||||||
|
```bash
|
||||||
|
# Test current code
|
||||||
|
npm test
|
||||||
|
```
|
||||||
|
```bash
|
||||||
|
# Push the branch for your new feature
|
||||||
|
git push origin feature/thing
|
||||||
|
```
|
||||||
|
```bash
|
||||||
|
# Or, push the branch for your update
|
||||||
|
git push origin update/something
|
||||||
|
```
|
||||||
|
|
||||||
|
That’s it! Now [open a pull request] with a clear title and description.
|
||||||
|
|
||||||
|
[already been reported]: issues
|
||||||
|
[fork this project]: fork
|
||||||
|
[live example]: https://codepen.io/pen
|
||||||
|
[open a pull request]: https://help.github.com/articles/using-pull-requests/
|
||||||
|
[reduced test case]: https://css-tricks.com/reduced-test-cases/
|
|
@ -0,0 +1,170 @@
|
||||||
|
# Installing PostCSS postcss-explore
|
||||||
|
|
||||||
|
[PostCSS postcss-explore] runs in all Node environments, with special instructions for:
|
||||||
|
|
||||||
|
| [Node](#node) | [PostCSS CLI](#postcss-cli) | [Webpack](#webpack) | [Create React App](#create-react-app) | [Gulp](#gulp) | [Grunt](#grunt) |
|
||||||
|
| --- | --- | --- | --- | --- | --- |
|
||||||
|
|
||||||
|
## Node
|
||||||
|
|
||||||
|
Add [PostCSS postcss-explore] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install postcss-postcss-explore --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** to process your CSS:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
postcssPostcssExplore.process(YOUR_CSS /*, processOptions, pluginOptions */);
|
||||||
|
```
|
||||||
|
|
||||||
|
Or use it as a [PostCSS] plugin:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcss = require('postcss');
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
postcss([
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]).process(YOUR_CSS /*, processOptions */);
|
||||||
|
```
|
||||||
|
|
||||||
|
## PostCSS CLI
|
||||||
|
|
||||||
|
Add [PostCSS CLI] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install postcss-cli --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** in your `postcss.config.js` configuration file:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
plugins: [
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Webpack
|
||||||
|
|
||||||
|
Add [PostCSS Loader] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install postcss-loader --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** in your Webpack configuration:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
use: [
|
||||||
|
'style-loader',
|
||||||
|
{ loader: 'css-loader', options: { importLoaders: 1 } },
|
||||||
|
{ loader: 'postcss-loader', options: {
|
||||||
|
ident: 'postcss',
|
||||||
|
plugins: () => [
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]
|
||||||
|
} }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## Create React App
|
||||||
|
|
||||||
|
Add [React App Rewired] and [React App Rewire PostCSS] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install react-app-rewired react-app-rewire-postcss --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **React App Rewire PostCSS** and **PostCSS postcss-explore** in your
|
||||||
|
`config-overrides.js` file:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const reactAppRewirePostcss = require('react-app-rewire-postcss');
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
module.exports = config => reactAppRewirePostcss(config, {
|
||||||
|
plugins: () => [
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
## Gulp
|
||||||
|
|
||||||
|
Add [Gulp PostCSS] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install gulp-postcss --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** in your Gulpfile:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcss = require('gulp-postcss');
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
gulp.task('css', () => gulp.src('./src/*.css').pipe(
|
||||||
|
postcss([
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
])
|
||||||
|
).pipe(
|
||||||
|
gulp.dest('.')
|
||||||
|
));
|
||||||
|
```
|
||||||
|
|
||||||
|
## Grunt
|
||||||
|
|
||||||
|
Add [Grunt PostCSS] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install grunt-postcss --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** in your Gruntfile:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
grunt.loadNpmTasks('grunt-postcss');
|
||||||
|
|
||||||
|
grunt.initConfig({
|
||||||
|
postcss: {
|
||||||
|
options: {
|
||||||
|
use: [
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]
|
||||||
|
},
|
||||||
|
dist: {
|
||||||
|
src: '*.css'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
[Gulp PostCSS]: https://github.com/postcss/gulp-postcss
|
||||||
|
[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
|
||||||
|
[PostCSS]: https://github.com/postcss/postcss
|
||||||
|
[PostCSS CLI]: https://github.com/postcss/postcss-cli
|
||||||
|
[PostCSS Loader]: https://github.com/postcss/postcss-loader
|
||||||
|
[PostCSS postcss-explore]: https://github.com/sacripant/postcss-postcss-explore
|
||||||
|
[React App Rewire PostCSS]: https://github.com/csstools/react-app-rewire-postcss
|
||||||
|
[React App Rewired]: https://github.com/timarney/react-app-rewired
|
|
@ -0,0 +1,108 @@
|
||||||
|
# CC0 1.0 Universal
|
||||||
|
|
||||||
|
## Statement of Purpose
|
||||||
|
|
||||||
|
The laws of most jurisdictions throughout the world automatically confer
|
||||||
|
exclusive Copyright and Related Rights (defined below) upon the creator and
|
||||||
|
subsequent owner(s) (each and all, an “owner”) of an original work of
|
||||||
|
authorship and/or a database (each, a “Work”).
|
||||||
|
|
||||||
|
Certain owners wish to permanently relinquish those rights to a Work for the
|
||||||
|
purpose of contributing to a commons of creative, cultural and scientific works
|
||||||
|
(“Commons”) that the public can reliably and without fear of later claims of
|
||||||
|
infringement build upon, modify, incorporate in other works, reuse and
|
||||||
|
redistribute as freely as possible in any form whatsoever and for any purposes,
|
||||||
|
including without limitation commercial purposes. These owners may contribute
|
||||||
|
to the Commons to promote the ideal of a free culture and the further
|
||||||
|
production of creative, cultural and scientific works, or to gain reputation or
|
||||||
|
greater distribution for their Work in part through the use and efforts of
|
||||||
|
others.
|
||||||
|
|
||||||
|
For these and/or other purposes and motivations, and without any expectation of
|
||||||
|
additional consideration or compensation, the person associating CC0 with a
|
||||||
|
Work (the “Affirmer”), to the extent that he or she is an owner of Copyright
|
||||||
|
and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and
|
||||||
|
publicly distribute the Work under its terms, with knowledge of his or her
|
||||||
|
Copyright and Related Rights in the Work and the meaning and intended legal
|
||||||
|
effect of CC0 on those rights.
|
||||||
|
|
||||||
|
1. Copyright and Related Rights. A Work made available under CC0 may be
|
||||||
|
protected by copyright and related or neighboring rights (“Copyright and
|
||||||
|
Related Rights”). Copyright and Related Rights include, but are not limited
|
||||||
|
to, the following:
|
||||||
|
1. the right to reproduce, adapt, distribute, perform, display, communicate,
|
||||||
|
and translate a Work;
|
||||||
|
2. moral rights retained by the original author(s) and/or performer(s);
|
||||||
|
3. publicity and privacy rights pertaining to a person’s image or likeness
|
||||||
|
depicted in a Work;
|
||||||
|
4. rights protecting against unfair competition in regards to a Work,
|
||||||
|
subject to the limitations in paragraph 4(i), below;
|
||||||
|
5. rights protecting the extraction, dissemination, use and reuse of data in
|
||||||
|
a Work;
|
||||||
|
6. database rights (such as those arising under Directive 96/9/EC of the
|
||||||
|
European Parliament and of the Council of 11 March 1996 on the legal
|
||||||
|
protection of databases, and under any national implementation thereof,
|
||||||
|
including any amended or successor version of such directive); and
|
||||||
|
7. other similar, equivalent or corresponding rights throughout the world
|
||||||
|
based on applicable law or treaty, and any national implementations
|
||||||
|
thereof.
|
||||||
|
|
||||||
|
2. Waiver. To the greatest extent permitted by, but not in contravention of,
|
||||||
|
applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and
|
||||||
|
unconditionally waives, abandons, and surrenders all of Affirmer’s Copyright
|
||||||
|
and Related Rights and associated claims and causes of action, whether now
|
||||||
|
known or unknown (including existing as well as future claims and causes of
|
||||||
|
action), in the Work (i) in all territories worldwide, (ii) for the maximum
|
||||||
|
duration provided by applicable law or treaty (including future time
|
||||||
|
extensions), (iii) in any current or future medium and for any number of
|
||||||
|
copies, and (iv) for any purpose whatsoever, including without limitation
|
||||||
|
commercial, advertising or promotional purposes (the “Waiver”). Affirmer
|
||||||
|
makes the Waiver for the benefit of each member of the public at large and
|
||||||
|
to the detriment of Affirmer’s heirs and successors, fully intending that
|
||||||
|
such Waiver shall not be subject to revocation, rescission, cancellation,
|
||||||
|
termination, or any other legal or equitable action to disrupt the quiet
|
||||||
|
enjoyment of the Work by the public as contemplated by Affirmer’s express
|
||||||
|
Statement of Purpose.
|
||||||
|
|
||||||
|
3. Public License Fallback. Should any part of the Waiver for any reason be
|
||||||
|
judged legally invalid or ineffective under applicable law, then the Waiver
|
||||||
|
shall be preserved to the maximum extent permitted taking into account
|
||||||
|
Affirmer’s express Statement of Purpose. In addition, to the extent the
|
||||||
|
Waiver is so judged Affirmer hereby grants to each affected person a
|
||||||
|
royalty-free, non transferable, non sublicensable, non exclusive,
|
||||||
|
irrevocable and unconditional license to exercise Affirmer’s Copyright and
|
||||||
|
Related Rights in the Work (i) in all territories worldwide, (ii) for the
|
||||||
|
maximum duration provided by applicable law or treaty (including future time
|
||||||
|
extensions), (iii) in any current or future medium and for any number of
|
||||||
|
copies, and (iv) for any purpose whatsoever, including without limitation
|
||||||
|
commercial, advertising or promotional purposes (the “License”). The License
|
||||||
|
shall be deemed effective as of the date CC0 was applied by Affirmer to the
|
||||||
|
Work. Should any part of the License for any reason be judged legally
|
||||||
|
invalid or ineffective under applicable law, such partial invalidity or
|
||||||
|
ineffectiveness shall not invalidate the remainder of the License, and in
|
||||||
|
such case Affirmer hereby affirms that he or she will not (i) exercise any
|
||||||
|
of his or her remaining Copyright and Related Rights in the Work or (ii)
|
||||||
|
assert any associated claims and causes of action with respect to the Work,
|
||||||
|
in either case contrary to Affirmer’s express Statement of Purpose.
|
||||||
|
|
||||||
|
4. Limitations and Disclaimers.
|
||||||
|
1. No trademark or patent rights held by Affirmer are waived, abandoned,
|
||||||
|
surrendered, licensed or otherwise affected by this document.
|
||||||
|
2. Affirmer offers the Work as-is and makes no representations or warranties
|
||||||
|
of any kind concerning the Work, express, implied, statutory or
|
||||||
|
otherwise, including without limitation warranties of title,
|
||||||
|
merchantability, fitness for a particular purpose, non infringement, or
|
||||||
|
the absence of latent or other defects, accuracy, or the present or
|
||||||
|
absence of errors, whether or not discoverable, all to the greatest
|
||||||
|
extent permissible under applicable law.
|
||||||
|
3. Affirmer disclaims responsibility for clearing rights of other persons
|
||||||
|
that may apply to the Work or any use thereof, including without
|
||||||
|
limitation any person’s Copyright and Related Rights in the Work.
|
||||||
|
Further, Affirmer disclaims responsibility for obtaining any necessary
|
||||||
|
consents, permissions or other rights required for any use of the Work.
|
||||||
|
4. Affirmer understands and acknowledges that Creative Commons is not a
|
||||||
|
party to this document and has no duty or obligation with respect to this
|
||||||
|
CC0 or use of the Work.
|
||||||
|
|
||||||
|
For more information, please see
|
||||||
|
http://creativecommons.org/publicdomain/zero/1.0/.
|
|
@ -0,0 +1,61 @@
|
||||||
|
# PostCSS postcss-explore [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS" width="90" height="90" align="right">][postcss]
|
||||||
|
|
||||||
|
[![NPM Version][npm-img]][npm-url]
|
||||||
|
[![Build Status][cli-img]][cli-url]
|
||||||
|
[![Support Chat][git-img]][git-url]
|
||||||
|
|
||||||
|
[PostCSS postcss-explore] lets you ... in CSS.
|
||||||
|
|
||||||
|
```pcss
|
||||||
|
.example { ... }
|
||||||
|
|
||||||
|
/* becomes */
|
||||||
|
|
||||||
|
.example { ... }
|
||||||
|
```
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
Add [PostCSS postcss-explore] to your project:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install postcss-postcss-explore --save-dev
|
||||||
|
```
|
||||||
|
|
||||||
|
Use **PostCSS postcss-explore** to process your CSS:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
postcssPostcssExplore.process(YOUR_CSS /*, processOptions, pluginOptions */);
|
||||||
|
```
|
||||||
|
|
||||||
|
Or use it as a [PostCSS] plugin:
|
||||||
|
|
||||||
|
```js
|
||||||
|
const postcss = require('postcss');
|
||||||
|
const postcssPostcssExplore = require('postcss-postcss-explore');
|
||||||
|
|
||||||
|
postcss([
|
||||||
|
postcssPostcssExplore(/* pluginOptions */)
|
||||||
|
]).process(YOUR_CSS /*, processOptions */);
|
||||||
|
```
|
||||||
|
|
||||||
|
**PostCSS postcss-explore** runs in all Node environments, with special instructions for:
|
||||||
|
|
||||||
|
| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
|
||||||
|
| --- | --- | --- | --- | --- | --- |
|
||||||
|
|
||||||
|
## Options
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
[cli-img]: https://img.shields.io/travis/sacripant/postcss-postcss-explore/master.svg
|
||||||
|
[cli-url]: https://travis-ci.org/sacripant/postcss-postcss-explore
|
||||||
|
[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-postcss-explore.svg
|
||||||
|
[npm-url]: https://www.npmjs.com/package/postcss-postcss-explore
|
||||||
|
|
||||||
|
[PostCSS]: https://github.com/postcss/postcss
|
||||||
|
[PostCSS postcss-explore]: https://github.com/sacripant/postcss-postcss-explore
|
|
@ -0,0 +1,63 @@
|
||||||
|
{
|
||||||
|
"name": "postcss-postcss-explore",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "... in CSS",
|
||||||
|
"author": "Jund <tjund@entrouvert.com>",
|
||||||
|
"license": "CC0-1.0",
|
||||||
|
"repository": "sacripant/postcss-postcss-explore",
|
||||||
|
"homepage": "https://github.com/sacripant/postcss-postcss-explore#readme",
|
||||||
|
"bugs": "https://github.com/sacripant/postcss-postcss-explore/issues",
|
||||||
|
"main": "index.js",
|
||||||
|
"module": "index.mjs",
|
||||||
|
"files": [
|
||||||
|
"index.js",
|
||||||
|
"index.js.map",
|
||||||
|
"index.mjs",
|
||||||
|
"index.mjs.map"
|
||||||
|
],
|
||||||
|
"scripts": {
|
||||||
|
"build": "rollup --config .rollup.js --silent",
|
||||||
|
"prepublishOnly": "npm test",
|
||||||
|
"pretest:tape": "npm run build",
|
||||||
|
"test": "npm run test:js && npm run test:tape",
|
||||||
|
"test:js": "eslint src/{*,**/*}.js --cache --ignore-path .gitignore --quiet",
|
||||||
|
"test:tape": "postcss-tape"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=8.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"postcss": "^7.0.21"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.7.2",
|
||||||
|
"@babel/preset-env": "^7.7.1",
|
||||||
|
"babel-eslint": "^10.0.3",
|
||||||
|
"eslint": "^6.6.0",
|
||||||
|
"postcss-tape": "^5.0.2",
|
||||||
|
"pre-commit": "^1.2.2",
|
||||||
|
"rollup": "^1.26.3",
|
||||||
|
"rollup-plugin-babel": "^4.3.3"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"env": {
|
||||||
|
"browser": true,
|
||||||
|
"es6": true,
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"extends": "eslint:recommended",
|
||||||
|
"parser": "babel-eslint",
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": 2018,
|
||||||
|
"impliedStrict": true,
|
||||||
|
"sourceType": "module"
|
||||||
|
},
|
||||||
|
"root": true
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"postcss",
|
||||||
|
"css",
|
||||||
|
"postcss-plugin",
|
||||||
|
""
|
||||||
|
]
|
||||||
|
}
|
|
@ -0,0 +1,28 @@
|
||||||
|
import postcss from 'postcss';
|
||||||
|
|
||||||
|
export default postcss.plugin('postcss-postcss-explore', opts => {
|
||||||
|
|
||||||
|
return (root) => {
|
||||||
|
// console.log({ root, result }); // eslint-disable-line no-console
|
||||||
|
let startLine = 0;
|
||||||
|
root.walkComments( (comment) => {
|
||||||
|
if (comment.text == "End of core styles")
|
||||||
|
startLine = comment.source.start.line;
|
||||||
|
});
|
||||||
|
|
||||||
|
root.walkRules( opts.selector, (rule, index) => {
|
||||||
|
const ruleLine = rule.source.start.line;
|
||||||
|
if (ruleLine <= startLine) return;
|
||||||
|
|
||||||
|
rule.walkDecls( opts.propertie, decl => {
|
||||||
|
console.group(rule.source.input.from);
|
||||||
|
console.group(rule.selector);
|
||||||
|
console.log(decl.prop, decl.value);
|
||||||
|
console.log(decl.source.start);
|
||||||
|
console.groupEnd();
|
||||||
|
console.groupEnd();
|
||||||
|
console.log("");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
});
|
|
@ -0,0 +1,8 @@
|
||||||
|
module.exports = {
|
||||||
|
plugins: [
|
||||||
|
require('postcss-explore')({
|
||||||
|
selector: /\.cell$/,
|
||||||
|
propertie: /^border/
|
||||||
|
})
|
||||||
|
],
|
||||||
|
}
|
|
@ -0,0 +1,5 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
cd ~/src/publik-devinst
|
||||||
|
git pull
|
||||||
|
ansible-playbook -K -i thomas-inventory.yml install.yml
|
Loading…
Reference in New Issue