Browse Source

add Makefile | optimize css

master
s.savinel 6 months ago
parent
commit
0fff940505
6 changed files with 1169 additions and 67590 deletions
  1. +15
    -0
      Makefile
  2. +1135
    -14
      package-lock.json
  3. +4
    -6
      package.json
  4. +12
    -2
      postcss.config.js
  5. +1
    -67566
      public/assets/style.css
  6. +2
    -2
      src/css/main.pcss

+ 15
- 0
Makefile View File

@@ -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/

+ 1135
- 14
package-lock.json
File diff suppressed because it is too large
View File


+ 4
- 6
package.json View File

@@ -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"


+ 12
- 2
postcss.config.js View File

@@ -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"
})
]
}

+ 1
- 67566
public/assets/style.css
File diff suppressed because it is too large
View File


+ 2
- 2
src/css/main.pcss View File

@@ -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