Skip to content

Commit

Permalink
Fixing Calc in Root and adding Dust Jacket Theme
Browse files Browse the repository at this point in the history
Fixing Calc in Root and adding Dust Jacket Theme
  • Loading branch information
Woedenaz committed Mar 28, 2019
1 parent 9fa10a6 commit f0c4ca1
Show file tree
Hide file tree
Showing 7 changed files with 2,807 additions and 37 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,5 @@ temp.css-e
.stylelintrc
.browserlistrc
*.json
modernizr-custom.js
modernizr.js
56 changes: 52 additions & 4 deletions gulpfile.js
Original file line number Diff line number Diff line change
@@ -1,14 +1,62 @@
const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const autoprefixer = require('gulp-autoprefixer');
const postcss = require('gulp-postcss');
const cssvariables = require('postcss-css-variables');
const unprefix = require("postcss-unprefix");
const mergerules = require("postcss-merge-rules");
const stylefmt = require('gulp-stylefmt');
const stylelint = require("stylelint");

gulp.task('default', () =>
gulp.src('styles/*.css')
gulp.src('themes/fallbacks/*.css')
.pipe(sourcemaps.init())
.pipe(autoprefixer({
browsers: ['last 50 versions'],
cascade: true
}))
.pipe(sourcemaps.write('dist/'))
.pipe(gulp.dest('styles/'))
);
.pipe(gulp.dest('themes/fallbacks'))
);


gulp.task('css', () =>
gulp.src('themes/dustjacket-theme.css').pipe(
postcss([
cssvariables({
preserve: true
})
])
).pipe(
gulp.dest('themes/fallbacks')
));

gulp.task('rmv', () =>
gulp.src('themes/*.css').pipe(
postcss([
unprefix()
])
).pipe(
gulp.dest('themes/fallbacks')
));


gulp.task('merge', () =>
gulp.src('themes/fallbacks/*.css').pipe(
postcss([
mergerules()
])
).pipe(
gulp.dest('themes/fallbacks')
));

gulp.task('stylefmt', () =>
gulp.src('styles/*.css').pipe(
stylefmt())
.pipe(gulp.dest('styles')
));

gulp.task('stylefmt-themes', () =>
gulp.src('themes/*.css').pipe(
stylefmt())
.pipe(gulp.dest('themes')
));
32 changes: 16 additions & 16 deletions stable/styles/nuscp.css
Original file line number Diff line number Diff line change
Expand Up @@ -320,127 +320,127 @@
),
1
)
calc(calc(0 / 100) * var(--background-gradient-distance, 40rem)),
calc((0 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.987
)
calc(calc(0.8 / 100) * var(--background-gradient-distance, 40rem)),
calc((0.8 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.951
)
calc(calc(2.9 / 100) * var(--background-gradient-distance, 40rem)),
calc((2.9 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.896
)
calc(calc(6.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((6.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.825
)
calc(calc(11 / 100) * var(--background-gradient-distance, 40rem)),
calc((11 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.741
)
calc(calc(16.6 / 100) * var(--background-gradient-distance, 40rem)),
calc((16.6 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.648
)
calc(calc(23.1 / 100) * var(--background-gradient-distance, 40rem)),
calc((23.1 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.55
)
calc(calc(30.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((30.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.45
)
calc(calc(38.3 / 100) * var(--background-gradient-distance, 40rem)),
calc((38.3 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.352
)
calc(calc(46.7 / 100) * var(--background-gradient-distance, 40rem)),
calc((46.7 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.259
)
calc(calc(55.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((55.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.175
)
calc(calc(64.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((64.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.104
)
calc(calc(73.5 / 100) * var(--background-gradient-distance, 40rem)),
calc((73.5 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.049
)
calc(calc(82.5 / 100) * var(--background-gradient-distance, 40rem)),
calc((82.5 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.013
)
calc(calc(91.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((91.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0
)
calc(calc(100 / 100) * var(--background-gradient-distance, 40rem))
calc((100 / 100) * var(--background-gradient-distance, 40rem))
);
--header-background-image-size: 100% 7.5rem;

Expand Down
2 changes: 1 addition & 1 deletion stable/styles/nuscp.min.css

Large diffs are not rendered by default.

32 changes: 16 additions & 16 deletions styles/root.css
Original file line number Diff line number Diff line change
Expand Up @@ -320,127 +320,127 @@
),
1
)
calc(calc(0 / 100) * var(--background-gradient-distance, 40rem)),
calc((0 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.987
)
calc(calc(0.8 / 100) * var(--background-gradient-distance, 40rem)),
calc((0.8 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.951
)
calc(calc(2.9 / 100) * var(--background-gradient-distance, 40rem)),
calc((2.9 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.896
)
calc(calc(6.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((6.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.825
)
calc(calc(11 / 100) * var(--background-gradient-distance, 40rem)),
calc((11 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.741
)
calc(calc(16.6 / 100) * var(--background-gradient-distance, 40rem)),
calc((16.6 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.648
)
calc(calc(23.1 / 100) * var(--background-gradient-distance, 40rem)),
calc((23.1 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.55
)
calc(calc(30.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((30.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.45
)
calc(calc(38.3 / 100) * var(--background-gradient-distance, 40rem)),
calc((38.3 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.352
)
calc(calc(46.7 / 100) * var(--background-gradient-distance, 40rem)),
calc((46.7 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.259
)
calc(calc(55.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((55.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.175
)
calc(calc(64.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((64.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.104
)
calc(calc(73.5 / 100) * var(--background-gradient-distance, 40rem)),
calc((73.5 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.049
)
calc(calc(82.5 / 100) * var(--background-gradient-distance, 40rem)),
calc((82.5 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0.013
)
calc(calc(91.4 / 100) * var(--background-gradient-distance, 40rem)),
calc((91.4 / 100) * var(--background-gradient-distance, 40rem)),
rgba(
var(
--background-gradient-color,
var(--very-light-gray-monochrome, 215, 215, 215)
),
0
)
calc(calc(100 / 100) * var(--background-gradient-distance, 40rem))
calc((100 / 100) * var(--background-gradient-distance, 40rem))
);
--header-background-image-size: 100% 7.5rem;

Expand Down
Loading

0 comments on commit f0c4ca1

Please sign in to comment.