mirror of https://github.com/snachodog/mybuddy.git
Initiate sass-based app style system.
This commit is contained in:
parent
f3fc219980
commit
3d0af7f9a5
|
@ -0,0 +1 @@
|
||||||
|
$body-bg: $white;
|
|
@ -0,0 +1,4 @@
|
||||||
|
@import "../../../node_modules/bootstrap/scss/functions";
|
||||||
|
@import "../../../node_modules/bootstrap/scss/variables";
|
||||||
|
@import "custom";
|
||||||
|
@import "../../../node_modules/bootstrap/scss/bootstrap";
|
|
@ -7,6 +7,7 @@
|
||||||
<meta name="viewport"
|
<meta name="viewport"
|
||||||
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<title>{% block title %}{% endblock %} | Baby Blotter</title>
|
<title>{% block title %}{% endblock %} | Baby Blotter</title>
|
||||||
|
<link rel="stylesheet" href="{% static "babyblotter/css/app.min.css" %}" />
|
||||||
<link rel="stylesheet" href="{% static "babyblotter/css/vendor.min.css" %}" />
|
<link rel="stylesheet" href="{% static "babyblotter/css/vendor.min.css" %}" />
|
||||||
</head>
|
</head>
|
||||||
<body style="padding-top: 5rem;">
|
<body style="padding-top: 5rem;">
|
||||||
|
|
36
gulpfile.js
36
gulpfile.js
|
@ -1,8 +1,9 @@
|
||||||
var gulp = require('gulp');
|
var gulp = require('gulp');
|
||||||
|
|
||||||
var pump = require('pump');
|
|
||||||
var concat = require('gulp-concat');
|
var concat = require('gulp-concat');
|
||||||
var csso = require('gulp-csso');
|
var csso = require('gulp-csso');
|
||||||
|
var pump = require('pump');
|
||||||
|
var sass = require('gulp-sass');
|
||||||
var uglify = require('gulp-uglify');
|
var uglify = require('gulp-uglify');
|
||||||
|
|
||||||
/* APP FILES */
|
/* APP FILES */
|
||||||
|
@ -18,7 +19,18 @@ gulp.task('app:scripts', function() {
|
||||||
.pipe(gulp.dest('babyblotter/static/babyblotter/js/'));
|
.pipe(gulp.dest('babyblotter/static/babyblotter/js/'));
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('app', ['app:scripts']);
|
gulp.task('app:styles', function (cb) {
|
||||||
|
pump([
|
||||||
|
gulp.src('babyblotter/static_site/scss/babyblotter.scss'),
|
||||||
|
sass().on('error', sass.logError),
|
||||||
|
concat('app.css'),
|
||||||
|
gulp.dest('babyblotter/static/babyblotter/css/')
|
||||||
|
],
|
||||||
|
cb
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
gulp.task('app', ['app:scripts', 'app:styles']);
|
||||||
|
|
||||||
/* VENDOR FILES */
|
/* VENDOR FILES */
|
||||||
|
|
||||||
|
@ -36,7 +48,7 @@ gulp.task('vendor:scripts', function() {
|
||||||
|
|
||||||
gulp.task('vendor:styles', function() {
|
gulp.task('vendor:styles', function() {
|
||||||
return gulp.src([
|
return gulp.src([
|
||||||
'node_modules/bootstrap/dist/css/bootstrap.css',
|
//'node_modules/bootstrap/dist/css/bootstrap.css',
|
||||||
'node_modules/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.css',
|
'node_modules/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.css',
|
||||||
'node_modules/font-awesome/css/font-awesome.css'
|
'node_modules/font-awesome/css/font-awesome.css'
|
||||||
])
|
])
|
||||||
|
@ -66,6 +78,17 @@ gulp.task('compress:app:scripts', function (cb) {
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
gulp.task('compress:app:styles', function (cb) {
|
||||||
|
pump([
|
||||||
|
gulp.src('babyblotter/static/babyblotter/css/app.css'),
|
||||||
|
concat('app.min.css'),
|
||||||
|
csso(),
|
||||||
|
gulp.dest('babyblotter/static/babyblotter/css/')
|
||||||
|
],
|
||||||
|
cb
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
gulp.task('compress:vendor:scripts', function (cb) {
|
gulp.task('compress:vendor:scripts', function (cb) {
|
||||||
pump([
|
pump([
|
||||||
gulp.src('babyblotter/static/babyblotter/js/vendor.js'),
|
gulp.src('babyblotter/static/babyblotter/js/vendor.js'),
|
||||||
|
@ -77,7 +100,7 @@ gulp.task('compress:vendor:scripts', function (cb) {
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('compress:vendor:css', function (cb) {
|
gulp.task('compress:vendor:styles', function (cb) {
|
||||||
pump([
|
pump([
|
||||||
gulp.src('babyblotter/static/babyblotter/css/vendor.css'),
|
gulp.src('babyblotter/static/babyblotter/css/vendor.css'),
|
||||||
concat('vendor.min.css'),
|
concat('vendor.min.css'),
|
||||||
|
@ -90,10 +113,11 @@ gulp.task('compress:vendor:css', function (cb) {
|
||||||
|
|
||||||
gulp.task('compress', [
|
gulp.task('compress', [
|
||||||
'compress:app:scripts',
|
'compress:app:scripts',
|
||||||
|
'compress:app:styles',
|
||||||
'compress:vendor:scripts',
|
'compress:vendor:scripts',
|
||||||
'compress:vendor:css'
|
'compress:vendor:styles'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
/* DEFAULT */
|
/* DEFAULT */
|
||||||
|
|
||||||
gulp.task('default', ['vendor', 'app', 'compress']);
|
gulp.task('default', ['vendor', 'app']);
|
|
@ -8,6 +8,7 @@
|
||||||
"gulp": "^3.9.1",
|
"gulp": "^3.9.1",
|
||||||
"gulp-concat": "^2.6.1",
|
"gulp-concat": "^2.6.1",
|
||||||
"gulp-csso": "^3.0.0",
|
"gulp-csso": "^3.0.0",
|
||||||
|
"gulp-sass": "^3.1.0",
|
||||||
"gulp-uglify": "^3.0.0",
|
"gulp-uglify": "^3.0.0",
|
||||||
"jquery": "^3.2.1",
|
"jquery": "^3.2.1",
|
||||||
"moment": "^2.18.1",
|
"moment": "^2.18.1",
|
||||||
|
|
Loading…
Reference in New Issue