spemer

.header-text {
    margin-top: calc(var(--font-size)*16px);
    font-size: calc(var(--font-size)*3rem);
    line-height: calc(var(--font-size)*1.5em);
}

spemer

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */

spemer

body::-webkit-scrollbar       {background-color:#fff;width:16px}
body::-webkit-scrollbar-track {background-color:#fff}
body::-webkit-scrollbar-thumb {background-color:#babac0;border-radius:16px;border:4px solid #fff}

spemer

::-webkit-scrollbar             {/* entire scrollbar scope */}
::-webkit-scrollbar-button      {/* directional buttons at the top and bottom of the scrollbar */}
::-webkit-scrollbar-track       {/* space below the scrollbar */}
::-webkit-scrollbar-track-piece {/* not covered area by the scrollbar-thumb */}
::-webkit-scrollbar-thumb       {/* draggable scrollbar itself */}
::-webkit-resizer               {/* resizser at the bottom of the scrollbar */}
::-webkit-scrollbar-corner      {/* bottom of the scrollbar without resizse */}

spemer

.blob-wrapper::-webkit-scrollbar {background-color:#fff;height:4px}
.blob-wrapper::-webkit-scrollbar-track {background-color:#fff}
.blob-wrapper::-webkit-scrollbar-thumb {background-color:#babac0;border-radius:4px}

spemer

img[alt=""],
img:not([alt]){
    border: 4px dashed red;
}

spemer

//for fontawesome icons (<i> tags with .fa)
(function(){
    let getIcons = document.querySelectorAll('i.fa');
    getIcons.forEach(function(iconEach)
    {
        let getIconAttr = iconEach.getAttribute('aria-hidden');
        if (!getIconAttr)
        {
            iconEach.setAttribute('aria-hidden','true');
        }

spemer

var gulp = require('gulp');

gulp.task('taskname', function(){
    console.log('\nHello world!\n');
});

spemer

div {
    display: flex;
}

spemer

const autoprefixer = require('gulp-autoprefixer');

gulp.task('prefix', () =>
    gulp.src('styleTest.css')
        .pipe(autoprefixer({
            browsers: ['last 99 versions'],
            cascade: false
    }))
    .pipe(gulp.dest('style'))
);