infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

loadingscreen and minify css

Browse Source
This commit is contained in:
infeeeee
2019-09-07 02:29:46 +02:00
parent 19cec75d2c
commit 1e14664a54
6 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/base.css
View File

File diff suppressed because one or more lines are too long

7
gulpfile.js
View File

@@ -30,5 +30,10 @@ gulp.task('watch', function () {
livereload.listen() livereload.listen()
gulp.watch('./sass/**/*.scss', gulp.series('sass')) gulp.watch('./sass/**/*.scss', gulp.series('sass'))
gulp.watch(['./**','!./node_modules/**'], gulp.series('liverel')) gulp.watch(['./**','!./node_modules/**'], gulp.series('liverel'))
}); });
gulp.task('minify-svg', function(){
return gulp.src('./img/**/*.svg')
.pipe(svgmin())
.pipe(gulp.dest('./imgmin'));
})

3
header.php
View File

@@ -200,4 +200,7 @@
</header> </header>
<!-- /header --> <!-- /header -->
<div class="loadingscreen">
</div>
<main role="main"> <main role="main">

5
js/scripts.js
View File

@@ -589,8 +589,9 @@
loadPage() loadPage()
/* --------------------------- hide loading scree --------------------------- */
$('.loadingscreen').hide()
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Black logo on scroll on mobile */ /* Black logo on scroll on mobile */
@@ -610,7 +611,7 @@
} }
$(window).scroll(function () { $(window).scroll(function () {
if (isMobile && !isMenuOpen() && (isHome || isSingle) ) { if (isMobile && !isMenuOpen() && (isHome || isSingle)) {
$('.dis-logo, .menubutton-icon').addClass('black') $('.dis-logo, .menubutton-icon').addClass('black')
} }
}) })

3
package.json
View File

@@ -15,6 +15,7 @@
"node-sass": "^4.11.0" "node-sass": "^4.11.0"
}, },
"dependencies": { "dependencies": {
"gulp-clean-css": "^4.2.0" "gulp-clean-css": "^4.2.0",
"gulp-svgmin": "^2.2.0"
} }
} }

19
sass/base.scss
View File

@@ -378,13 +378,30 @@ $v-unit-6: 24rem;
// STRUCTURE */ // STRUCTURE */
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
// wrapper */ .no-js body .loadingscreen{
display: none;
}
.loadingscreen{
background-color: #fff;
width: 100vw;
height: 100vh;
position: fixed;
z-index: 3100;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
// wrapper
.wrapper { .wrapper {
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 1; z-index: 1;
// -------------------------------------------------------------------------- */ // -------------------------------------------------------------------------- */
// header */ // header */