Browse Source

add Makefile | optimize css

master
s.savinel 2 years ago
parent
commit
0fff940505
  1. 15
      Makefile
  2. 1149
      package-lock.json
  3. 10
      package.json
  4. 14
      postcss.config.js
  5. 67567
      public/assets/style.css
  6. 4
      src/css/main.pcss

15
Makefile

@ -0,0 +1,15 @@
export PATH := ./node_modules/.bin/:${PATH}
default: build
install:
npm install
build:
postcss src/css/*.pcss -o public/assets/style.css
watch:
postcss src/css/*.pcss -o public/assets/style.css --watch
start:
live-server public/

1149
package-lock.json
File diff suppressed because it is too large
View File

10
package.json

@ -2,15 +2,13 @@
"name": "online-resume",
"version": "1.0.0",
"description": "",
"scripts": {
"start": "live-server public",
"build": "postcss src/css/main.pcss -o public/assets/style.css",
"watch": "postcss src/css/main.pcss -o public/assets/style.css --watch"
},
"author": "",
"author": "Sampson SAVINEL",
"license": "MIT",
"dependencies": {
"@fullhuman/postcss-purgecss": "^2.1.2",
"autoprefixer": "^9.7.6",
"cssnano": "^4.1.10",
"cssnano-preset-advanced": "^4.0.7",
"live-server": "^1.2.1",
"postcss-cli": "^7.1.0",
"tailwindcss": "^1.2.0"

14
postcss.config.js

@ -1,6 +1,16 @@
module.exports = {
plugins:[
plugins: [
require('tailwindcss'),
require('autoprefixer'),
require('autoprefixer')({
overrideBrowserslist: "> 5%"
}),
require('@fullhuman/postcss-purgecss')({
content:[
'./public/**/*.html'
]
}),
require('cssnano')({
preset:"advanced"
})
]
}

67567
public/assets/style.css
File diff suppressed because it is too large
View File

4
src/css/main.pcss

@ -87,7 +87,7 @@ aside {
}
.content p {
@apply text-gray-400 py-2 text-xl
@apply text-gray-400 py-2
}
.content span {
@ -119,7 +119,7 @@ aside {
}
.kpis li, .tools li {
@apply flex flex-1 flex-col items-center text-center text-gray-100 text-xs font-bold
@apply flex flex-1 flex-col items-center text-center text-gray-100 text-sm font-bold
}
.tools ul {

Loading…
Cancel
Save