header {
background: url(./mobile_bg.jpg);
}
@media screen and (min-width: 750px) {
header {
background: url(./tablet_bg.jpg);
}
}
@media screen and (min-width: 992px) {
header {
background: url(./desktop_bg.jpg);
}
}<input type="radio" name="test" value="Radio 1" />
<input type="radio" name="test" value="Radio 2" />// Работа с jade
gulp.task('jade', function() {
gulp.src('app/jade/pages/**/*.jade')
.pipe(changed('./app', {extension: '.html'}))
.pipe(jade({
pretty: true
}))
.pipe(gulp.dest('./app'));
gulp.src('app/jade/ajax_content/**/*.jade')
.pipe(jade({
pretty: true
}))
.pipe(gulp.dest('./app/ajax_content/'));
});#menu ul li:hover > ul {
left: 287px;
}
#menu ul li > ul {
position: absolute;
background-color: #2E2E2E;
top: 0;
left: 34px;
text-align: left;
padding-left: 4px;
min-width: 200px;
z-index: -1;
margin-top: 37px;
height: 368px;
-webkit-transition: left .5s .2s ease-in;
-moz-transition: left .5s .2s ease-in;
-ms-transition: left .5s .2s ease-in;
transition: left .5s .2sease-in;
}