$text-color: #333333
$dark-color: #000000
$red-color: #9b1818
$blur-color: #003469
$green-color: #67bc5c
body
font-family: "RobotoRegular", sans-serif
color: $text-color
font-weight: normal
font-size: 16px
min-width: 320px
position: relative
line-height: 1.6
-webkit-font-smoothing: antialised
h1
color:#fff
font-size: 60px
line-height: 56px
font-weight: bold
font-family: "Cleanvertising", sans-serif
section
padding: 58px 0 68px
&.s_dark
h2, h3, p
color:#fff
h2
color: $blur-color
font-size: 50px
line-height: 56px
margin-bottom: 50px
body input:focus:required:invalid,
body textarea:focus:required:invalid
color: red
body input:required:valid,
body textarea:required:valid
color: green
.hidden
display: none
header
min-height: 640px
background-image: url(../img/top__bg.jpg)
background-position: top center
background-size: coverbody {
font-family: "RobotoRegular", sans-serif;
color: #333333;
font-weight: normal;
font-size: 16px;
min-width: 320px;
position: relative;
line-height: 1.6;
-webkit-font-smoothing: antialised;
}
h1 {
color: #fff;
font-size: 60px;
line-height: 56px;
font-weight: bold;
font-family: "Cleanvertising", sans-serif;
}
section {
padding: 58px 0 68px;
}
section.s_dark h2, section.s_dark h3, section.s_dark p {
color: #fff;
}
section h2 {
color: #003469;
font-size: 50px;
line-height: 56px;
margin-bottom: 50px;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
color: red;
}
body input:required:valid,
body textarea:required:valid {
color: green;
}
.hidden {
display: none;
}
header {
min-height: 640px;
background-image: url(../img/top__bg.jpg);
background-position: top center;
-webkit-background-size: cover;
background-size: cover;
}<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -17px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;Здесь непосредственно картинка наигации: .bx-next и .bx-prev соответственно
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;.bx-wrapper {
box-shadow: none !important;
border: 0 !important;
}
.bx-wrapper .bx-controls-direction a {
top: 100% !important;
margin-top: 10px !important;
}
.bx-wrapper .bx-next {
right: 90% !important;gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: 'app'
},
notify: false,
tunnel: true,
tunnel: "projectname",
});