<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="260px" height="53px" viewBox="0 0 260 53" xml:space="preserve">
<?xml-stylesheet href="my-style.css" type="text/css"?>
<path class="st0" id="elem1" d = "">
@extend
:Это одна из самых полезных функций Sass. Используя директиву @extend можно наследовать наборы свойств CSS от одного селектора другому. Это позволяет держать ваш Sass-файл в «чистоте». В нашем примере мы покажем вам как сделать стили оповещений об ошибках, предупреждениях и удачных исходов.
.message {
border: 1px solid #ccc;
padding: 10px;
color: #333;
}
.success {
@extend .message;
border-color: green;
}
.error {
@extend .message;
border-color: red;
}
.warning {
@extend .message;
border-color: yellow;
}
var concat = require('gulp-concat');
var minifyCSS = require('gulp-minify-css');
var SCSSfiles = ['assets/sass/**/*.scss', '!assets/sass/reset.scss', '!assets/sass/all.scss'];
var resetCSS = ['assets/sass/reset.scss'];
var allCSS = ['assets/sass/all.scss'];
var resetFirst = resetCSS.concat(allCSS);
var concatFiles = resetFirst.concat(SCSSfiles);
gulp.task('sass', function() {
return gulp.src(concatFiles)
.pipe(concat('styles.min.scss'))
.pipe(sass().on('error', sass.logError))
.pipe(minifyCSS())
.pipe(gulp.dest('assets/css'));
});
var isMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};