james/counter
Archived
1
0
Fork 0
Code Issues 5 Pull Requests Releases Wiki Activity

Added PostCss tooling to application.

Browse Source
This commit is contained in:
James Patrick 2020-05-22 02:38:46 -04:00
parent 561b7b33f3
commit 518a464161
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/init/index.pcss
View File

@ -1,13 +1,7 @@
@import "normalize.css/normalize.css"; @import "normalize.css/normalize.css";
@import "bulma/css/bulma.css";
body { body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
} }
html,
body {
background: lightblue;
}

5
package.json
View File

@ -7,7 +7,10 @@
"@rails/ujs": "^6.0.0", "@rails/ujs": "^6.0.0",
"@rails/webpacker": "4.2.2", "@rails/webpacker": "4.2.2",
"bulma": "^0.8.2", "bulma": "^0.8.2",
"normalize.css": "^8.0.1" "normalize.css": "^8.0.1",
"postcss-flexbugs-fixes": "^4.2.1",
"postcss-import": "^12.0.1",
"postcss-preset-env": "^6.7.0"
}, },
"version": "0.1.0", "version": "0.1.0",
"devDependencies": { "devDependencies": {

23
postcss.config.js
View File

@ -1,12 +1,19 @@
const importImport = require("postcss-import");
const flexBugsFixesImport = require("postcss-flexbugs-fixes");
const presetEnvImport = require("postcss-preset-env");
module.exports = { module.exports = {
plugins: [ plugins: [
require('postcss-import'), importImport,
require('postcss-flexbugs-fixes'), flexBugsFixesImport,
require('postcss-preset-env')({ presetEnvImport({
autoprefixer: { autoprefixer: {
flexbox: 'no-2009' flexbox: "no-2009",
}, },
stage: 3 stage: 3,
}) features: {
] "nesting-rules": true,
} },
}),
],
};

2
yarn.lock
View File

@ -6190,7 +6190,7 @@ postcss-env-function@^2.0.2:
postcss "^7.0.2" postcss "^7.0.2"
postcss-values-parser "^2.0.0" postcss-values-parser "^2.0.0"
postcss-flexbugs-fixes@^4.1.0: postcss-flexbugs-fixes@^4.1.0, postcss-flexbugs-fixes@^4.2.1:
version "4.2.1" version "4.2.1"
resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz#9218a65249f30897deab1033aced8578562a6690" resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz#9218a65249f30897deab1033aced8578562a6690"
integrity sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ== integrity sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==