{
'unformatted': ['pre', 'code'],
'indent_with_tabs': true,
'preserve_newlines': true,
'brace_style': 'expand',
'end_with_newline': true
}mixin fa-stack(data)
span.fa-stack.fa-lg&attributes(attributes)
block
mixin fa-icon(data)
i.fa&attributes(attributes)
+fa-stack()
+fa-icon().fa-circle-thin.fa-stack-2x
+fa-icon().fa-facebook.fa-stack-1xmixin fa-stack(data)
span.fa-stack.fa-lg&attributes(attributes)
block
mixin fa-icon(data)
- var classList = ['fa']
if attributes.icon
- classList.push(classList[0] + '-' + attributes.icon)
if attributes.stack
- classList.push(classList[0] + '-stack-' + attributes.stack)
i(class=classList)
+fa-stack()
+fa-icon(icon="circle-thin" stack="2x")
+fa-icon(icon="facebook" stack="1x")gulp.task('combine-svg-icons', function (cb) {
return gulp.src(['**/*.svg', '!**/_*.svg'], {cwd: 'source/static/icons'})
.pipe($.plumber(options.plumber))
.pipe($.imagemin(options.imagemin))
.pipe($.svgSymbols({
title: false,
id: '%f',
className: '%f',
templates: [
path.join(__dirname, 'source/static/styles/templates/icons-template.styl'),
path.join(__dirname, 'source/static/styles/templates/icons-template.svg')
]
}))
.pipe($.if(/\.styl$/, gulp.dest('tmp')))
.pipe($.if(/\.svg$/, $.rename('icons.svg')))
.pipe($.if(/\.svg$/, gulp.dest('dest/assets/images')));
});<link href="/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
<link href="/apple-touch-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
<link href="/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
<link href="/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
<link href="/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
<link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
<link type="image/png" href="/favicon-32x32.png" rel="icon" sizes="32x32">
<link type="image/png" href="/favicon-194x194.png" rel="icon" sizes="194x194">
<link type="image/png" href="/favicon-96x96.png" rel="icon" sizes="96x96">
<link type="image/png" href="/android-chrome-192x192.png" rel="icon" sizes="192x192">
<link type="image/png" href="/favicon-16x16.png" rel="icon" sizes="16x16">
<link href="/manifest.json" rel="manifest">
<link href="/safari-pinned-tab.svg" rel="mask-icon" color="#71bf44">
<meta name="apple-mobile-web-app-title" content="Textile Federation">
<meta name="application-name" content="Textile Federation">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">