gradientTable();
$(window).resize(function() {
gradientTable();
});
function gradientTable() {
var tableWidth = $(".table--delivery-method").width();
var windowSize = $(window).width();
var widthGradient = $(".table__gradient").width();
var widthWindowWithoutIndentation = windowSize / 100 * 5;
var primaryPositionGradient = windowSize - widthWindowWithoutIndentation - widthGradient;
$(".table__gradient").css("left", primaryPositionGradient + "px");
$(".table__box").scroll(function() {
if($(this).scrollLeft() >= (tableWidth - windowSize + widthWindowWithoutIndentation)) {
$(".table__gradient").fadeOut();
}
else {
$(".table__gradient").fadeIn();
$(".table__gradient").css("left", primaryPositionGradient + $(this).scrollLeft() + "px");
}
});
}
// gulp@4.0.0-alpha.2
var gulp = require('gulp');
var del = require('del');
var path = require('path');
var flatten = require('gulp-flatten');
gulp.task('imgs', function() {
return gulp.src('src/blocks/**/*.{jpg,jpeg,png,gif,svg}')
.pipe(flatten()) // Удаляет относительный путь до файла.
.pipe(gulp.dest('public/imgs'))
.pipe(browserSync.stream());
});
gulp.task('watch', function() {
gulp.watch('src/blocks/**/*.{jpg,jpeg,png,gif,svg}', gulp.series('imgs')).on('unlink', function (filepath) {
var filePathFromSrc = path.relative(path.resolve('src/blocks/'), filepath);
// Concatenating the 'build' absolute path used by gulp.dest in the scripts task
var destFilePath = path.resolve('public/imgs', filePathFromSrc);
del.sync(destFilePath);
});
});
var $page = $('html, body');
$('a[href*="#"]').click(function() {
$page.animate({
scrollTop: $($.attr(this, 'href')).offset().top - 60
}, 1000);
return false;
});
var $html = $('html');
var lockedClass = namespacify('is-locked');
$html.addClass(lockedClass);
<html class="remodal-is-locked">
overflow: hidden
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.woff2') format('woff2'),
url('Roboto-Regular.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.woff2') format('woff2'),
url('Roboto-Regular.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-bold.woff2') format('woff2'),
url('Roboto-bold.woff') format('woff');
font-weight: bold;
}
// Если нужен bold
h1 {
font-family: Roboto;
font-weight: bold;
}
// Если нужен Regular
h1 {
font-family: Roboto;
font-weight: normal; // Либо можно не писать т.к. по умолчанию стоит
}