interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

Replaced gulp with npm scripts

Browse source 
- Removed all gulp packages
- Replaced gulp tasks with npm scripts
- Some tasks are still missing
- Kept gulp files for reference
- Fixed media query styles
This commit is contained in:
Stephan Hagedorn 2022-08-11 23:21:35 +02:00
parent f7a5481fd2
commit e1714fde80
4 changed files with 49 additions and 17624 deletions
Download patch file Download diff file Expand all files Collapse all files

17574
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

75
package.json
View file

@ -2,53 +2,52 @@
"name": "hippie",
"version": "0.4.2",
"description": "Hippie interweaves preeminent personal interface elements",
"main": "gulpfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"preversion": "npm test",
"version": "gulp build && git add -A dist",
"postversion": "git push && git push --tags"
"keywords": [
"web",
"frontend",
"framework",
"sass",
"css",
"html",
"js"
],
"homepage": "https://github.com/sthag/hippie#readme",
"bugs": {
"url": "https://github.com/sthag/hippie/issues",
"email": "klarsichtweise@gmail.com"
},
"license": "MIT",
"author": "Stephan Hagedorn",
"repository": {
"type": "git",
"url": "git+https://github.com/sthag/hippie.git"
},
"author": "Stephan Hagedorn",
"license": "MIT",
"bugs": {
"url": "https://github.com/sthag/hippie/issues"
"scripts": {
"hello": "echo -n \"This is \" && node -p \"process.env.npm_package_name\" | tr '[:lower:]' '[:upper:]'",
"test": "echo \"Error: no test specified\" && exit 1",
"preversion": "npm test",
"version": "gulp build && git add -A dist",
"postversion": "git push && git push --tags",
"clean": "npm run clean:build & npm run clean:deploy & npm run clean:report & npm run clean:test",
"clean:build": "rm -rf build/*",
"clean:deploy": "rm -rf deploy/*",
"clean:report": "rm -rf report/*",
"clean:test": "rm -rf test/*",
"serve": "browser-sync start --no-open --index 'demo.html' --server 'build'",
"serve:watch": "browser-sync start --open false --files 'build' --server 'build'",
"style": "npm run style:compile",
"style:compile": "sass source/style:build/css --load-path=vendor",
"style:prefix": "",
"style:watch": ""
},
"config": {
"port": "3000"
},
"homepage": "https://github.com/sthag/hippie#readme",
"devDependencies": {
"@babel/core": "~7",
"@babel/preset-env": "~7",
"browser-sync": "^2.27.10",
"del": "^7.0.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^8.0.0",
"gulp-babel": "~8.0",
"gulp-cached": "^1.1.1",
"gulp-changed": "^4.0.3",
"gulp-clean-css": "~4",
"gulp-concat": "^2.6.1",
"gulp-data": "^1.3.1",
"gulp-if": "~3",
"gulp-jshint": "~2",
"gulp-json-concat": "~0.2",
"gulp-notify": "^4.0.0",
"gulp-nunjucks-render": "^2.2.3",
"gulp-plumber": "^1.2.1",
"gulp-remember": "^1.0.1",
"gulp-rename": "~2",
"gulp-sass": "~5",
"gulp-sass-lint": "^1.4.0",
"gulp-uglify": "^3.0.2",
"gulp-useref": "^5.0.0",
"gulp.spritesmith": "^6.13.0",
"jshint": "~2",
"jshint-stylish": "^2.2.1",
"merge-stream": "^2.0.0",
"pump": "^3.0.0",
"sass": "^1.54.0"
}
},
"private": true
}

2
source/style/hippie-style

@ -1 +1 @@
Subproject commit 0214054c81aaa29150d97efa0d03b6328c0258fb
Subproject commit bf818600f866abb2e1541aa70acc03ca2ebcd148

22
source/style/modules/demo/_demo_module.scss
View file

@ -180,31 +180,31 @@
}
.demo__query_example {
@include goingLarge($screen_tiny * 1px) {background-color: $alpha_color; }
@include goingLarge($screen_small * 1px) {background-color: $bravo_color; }
@include goingLarge($screen_medium * 1px) {background-color: $charlie_color; }
@include goingLarge($screen_large * 1px) {background-color: $delta_color; }
@include goingLarge($screen_huge * 1px) {background-color: $echo_color; }
@include goingLarge($screen_gigantic * 1px) {background-color: $foxtrot_color; }
@include goingLarge($screen_tiny) {background-color: $alpha_color; }
@include goingLarge($screen_small) {background-color: $bravo_color; }
@include goingLarge($screen_medium) {background-color: $charlie_color; }
@include goingLarge($screen_large) {background-color: $delta_color; }
@include goingLarge($screen_huge) {background-color: $echo_color; }
@include goingLarge($screen_gigantic) {background-color: $foxtrot_color; }
margin-bottom: $space_small;
padding: $space_small;
text-align: center;
&:after {
@extend code;
@include goingLarge($screen_tiny * 1px) {
@include goingLarge($screen_tiny) {
& { content: '768px'; }
}
@include goingLarge($screen_small * 1px) {
@include goingLarge($screen_small) {
& { content: '1024px'; }
}
@include goingLarge($screen_medium * 1px) {
@include goingLarge($screen_medium) {
& { content: '1280px'; }
}
@include goingLarge($screen_huge * 1px) {
@include goingLarge($screen_huge) {
& { content: '1680px'; }
}
@include goingLarge($screen_gigantic * 1px) {
@include goingLarge($screen_gigantic) {
& { content: '1920px'; }
}
content: '< 768px';