Browse Source

move material-icons to composer

pull/11/head
Andrew Dolgov 2 months ago
parent
commit
a22ddb2fe0
  1. 3
      composer.json
  2. 45
      composer.lock
  3. 1
      lib/iconfont/MaterialIcons-Regular.ijmap
  4. BIN
      lib/iconfont/MaterialIcons-Regular.woff
  5. BIN
      lib/iconfont/MaterialIcons-Regular.woff2
  6. 9
      lib/iconfont/README.md
  7. 36
      lib/iconfont/material-icons.css
  8. 4
      themes/compact.css
  9. 4
      themes/compact_night.css
  10. 4
      themes/light.css
  11. 8
      themes/light/defines.less
  12. 4
      themes/night.css
  13. 4
      themes/night_blue.css
  14. 13
      vendor/composer/InstalledVersions.php
  15. 46
      vendor/composer/installed.json
  16. 13
      vendor/composer/installed.php
  17. 28
      vendor/mervick/material-design-icons/.gitignore
  18. 63
      vendor/mervick/material-design-icons/Gruntfile.js
  19. 141
      vendor/mervick/material-design-icons/Gulpfile.js
  20. 21
      vendor/mervick/material-design-icons/LICENSE
  21. 91
      vendor/mervick/material-design-icons/README.md
  22. 33
      vendor/mervick/material-design-icons/bower.json
  23. 37
      vendor/mervick/material-design-icons/component.json
  24. 25
      vendor/mervick/material-design-icons/composer.json
  25. 2963
      vendor/mervick/material-design-icons/css/material-icons.css
  26. 2
      vendor/mervick/material-design-icons/css/material-icons.min.css
  27. 1
      vendor/mervick/material-design-icons/css/material-icons.min.css.map
  28. 121
      vendor/mervick/material-design-icons/demo/index.html
  29. 1
      vendor/mervick/material-design-icons/demo/js/data.js
  30. 194
      vendor/mervick/material-design-icons/demo/js/main.js
  31. 385
      vendor/mervick/material-design-icons/demo/style/main.css
  32. 392
      vendor/mervick/material-design-icons/demo/style/main.scss
  33. 393
      vendor/mervick/material-design-icons/fonts/LICENSE.txt
  34. 0
      vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot
  35. 0
      vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.svg
  36. 0
      vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf
  37. BIN
      vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff
  38. BIN
      vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2
  39. 0
      vendor/mervick/material-design-icons/fonts/codepoints
  40. 3
      vendor/mervick/material-design-icons/index.js
  41. 44
      vendor/mervick/material-design-icons/package.json
  42. 30
      vendor/mervick/material-design-icons/scripts/codepoints2scss.sh
  43. 61
      vendor/mervick/material-design-icons/scripts/updatedemo.php
  44. 36
      vendor/mervick/material-design-icons/scss/_animated.scss
  45. 18
      vendor/mervick/material-design-icons/scss/_bordered-pulled.scss
  46. 30
      vendor/mervick/material-design-icons/scss/_core.scss
  47. 9
      vendor/mervick/material-design-icons/scss/_fixed-width.scss
  48. 934
      vendor/mervick/material-design-icons/scss/_icons.scss
  49. 15
      vendor/mervick/material-design-icons/scss/_larger.scss
  50. 21
      vendor/mervick/material-design-icons/scss/_list.scss
  51. 16
      vendor/mervick/material-design-icons/scss/_mixins.scss
  52. 18
      vendor/mervick/material-design-icons/scss/_path.scss
  53. 22
      vendor/mervick/material-design-icons/scss/_rotated-flipped.scss
  54. 22
      vendor/mervick/material-design-icons/scss/_stacked.scss
  55. 11
      vendor/mervick/material-design-icons/scss/_variables.scss
  56. 12
      vendor/mervick/material-design-icons/scss/material-icons.scss

3
composer.json

@ -1,6 +1,7 @@
{
"require": {
"spomky-labs/otphp": "^10.0",
"chillerlan/php-qrcode": "^3.3"
"chillerlan/php-qrcode": "^3.3",
"mervick/material-design-icons": "^2.2"
}
}

45
composer.lock

@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
"content-hash": "51b3544b18f6b9f21242d9f647e29fcb",
"content-hash": "923f1c16aa4774d149c9084695110d44",
"packages": [
{
"name": "beberlei/assert",
@ -201,6 +201,49 @@
},
"time": "2019-09-10T00:09:44+00:00"
},
{
"name": "mervick/material-design-icons",
"version": "2.2.0",
"source": {
"type": "git",
"url": "https://github.com/mervick/material-design-icons.git",
"reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/mervick/material-design-icons/zipball/635435c8d3df3a6da3241648caf8a65d1c07cc1a",
"reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a",
"shasum": ""
},
"type": "library",
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT",
"CC-BY-4.0"
],
"authors": [
{
"name": "Andrey Izman",
"email": "izmanw@gmail.com"
}
],
"description": "Google Material Design Icons For Using With Bootstrap",
"homepage": "http://github.com/mervick/material-design-icons",
"keywords": [
"bootstrap",
"google",
"icons",
"icons-web-font",
"material",
"material-design",
"web-font"
],
"support": {
"issues": "https://github.com/mervick/material-design-icons/issues",
"source": "http://github.com/mervick/material-design-icons"
},
"time": "2016-02-22T01:05:40+00:00"
},
{
"name": "paragonie/constant_time_encoding",
"version": "v2.4.0",

1
lib/iconfont/MaterialIcons-Regular.ijmap
File diff suppressed because it is too large
View File

BIN
lib/iconfont/MaterialIcons-Regular.woff

BIN
lib/iconfont/MaterialIcons-Regular.woff2

9
lib/iconfont/README.md

@ -1,9 +0,0 @@
The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:
```html
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
```
Read more in our full usage guide:
http://google.github.io/material-design-icons/#icon-font-for-the-web

36
lib/iconfont/material-icons.css

@ -1,36 +0,0 @@
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(MaterialIcons-Regular.woff2) format('woff2'),
url(MaterialIcons-Regular.woff) format('woff'),
url(MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}

4
themes/compact.css

@ -1817,9 +1817,9 @@ body.ttrss_utility.share_popup .content {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';

4
themes/compact_night.css

@ -1719,9 +1719,9 @@ body.ttrss_utility fieldset > label.checkbox {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';

4
themes/light.css

@ -1817,9 +1817,9 @@ body.ttrss_utility.share_popup .content {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';

8
themes/light/defines.less

@ -40,12 +40,12 @@ body.ttrss_prefs,
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'),
url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'),
url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {

4
themes/night.css

@ -1720,9 +1720,9 @@ body.ttrss_utility fieldset > label.checkbox {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';

4
themes/night_blue.css

@ -1720,9 +1720,9 @@ body.ttrss_utility fieldset > label.checkbox {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.woff) format('woff'), url(../vendor/mervick/material-design-icons/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
font-family: 'Material Icons';

13
vendor/composer/InstalledVersions.php

@ -30,7 +30,7 @@ private static $installed = array (
'aliases' =>
array (
),
'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
'name' => '__root__',
),
'versions' =>
@ -42,7 +42,7 @@ private static $installed = array (
'aliases' =>
array (
),
'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
),
'beberlei/assert' =>
array (
@ -71,6 +71,15 @@ private static $installed = array (
),
'reference' => 'b9b0431dffd74102ee92348a63b4c33fc8ba639b',
),
'mervick/material-design-icons' =>
array (
'pretty_version' => '2.2.0',
'version' => '2.2.0.0',
'aliases' =>
array (
),
'reference' => '635435c8d3df3a6da3241648caf8a65d1c07cc1a',
),
'paragonie/constant_time_encoding' =>
array (
'pretty_version' => 'v2.4.0',

46
vendor/composer/installed.json

@ -204,6 +204,52 @@
},
"install-path": "../chillerlan/php-settings-container"
},
{
"name": "mervick/material-design-icons",
"version": "2.2.0",
"version_normalized": "2.2.0.0",
"source": {
"type": "git",
"url": "https://github.com/mervick/material-design-icons.git",
"reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a"
},
"dist": {
"type": "zip",
"url": "https://api.github.com/repos/mervick/material-design-icons/zipball/635435c8d3df3a6da3241648caf8a65d1c07cc1a",
"reference": "635435c8d3df3a6da3241648caf8a65d1c07cc1a",
"shasum": ""
},
"time": "2016-02-22T01:05:40+00:00",
"type": "library",
"installation-source": "dist",
"notification-url": "https://packagist.org/downloads/",
"license": [
"MIT",
"CC-BY-4.0"
],
"authors": [
{
"name": "Andrey Izman",
"email": "izmanw@gmail.com"
}
],
"description": "Google Material Design Icons For Using With Bootstrap",
"homepage": "http://github.com/mervick/material-design-icons",
"keywords": [
"bootstrap",
"google",
"icons",
"icons-web-font",
"material",
"material-design",
"web-font"
],
"support": {
"issues": "https://github.com/mervick/material-design-icons/issues",
"source": "http://github.com/mervick/material-design-icons"
},
"install-path": "../mervick/material-design-icons"
},
{
"name": "paragonie/constant_time_encoding",
"version": "v2.4.0",

13
vendor/composer/installed.php

@ -6,7 +6,7 @@
'aliases' =>
array (
),
'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
'name' => '__root__',
),
'versions' =>
@ -18,7 +18,7 @@
'aliases' =>
array (
),
'reference' => 'bc4475b6698f5a74e475674aa7af43253c459892',
'reference' => 'bada1601fc231ecde54a528a545611429d60af21',
),
'beberlei/assert' =>
array (
@ -47,6 +47,15 @@
),
'reference' => 'b9b0431dffd74102ee92348a63b4c33fc8ba639b',
),
'mervick/material-design-icons' =>
array (
'pretty_version' => '2.2.0',
'version' => '2.2.0.0',
'aliases' =>
array (
),
'reference' => '635435c8d3df3a6da3241648caf8a65d1c07cc1a',
),
'paragonie/constant_time_encoding' =>
array (
'pretty_version' => 'v2.4.0',

28
vendor/mervick/material-design-icons/.gitignore

@ -0,0 +1,28 @@
# phpstorm project files
.idea
# netbeans project files
nbproject
# zend studio for eclipse project files
.buildpath
.project
.settings
# windows thumbnail cache
Thumbs.db
# Mac DS_Store Files
.DS_Store
# Compass config
config.rb
# Sass cache
.sass-cache
# Node modules
node_modules
# Vendors
vendor

63
vendor/mervick/material-design-icons/Gruntfile.js

@ -0,0 +1,63 @@
/* jshint nod: true */
"use strict";
var livereload = {
host: 'localhost',
port: 35729,
};
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dist: {
options: {
sourcemap: 'none',
unixNewlines: true,
compass: true,
lineNumbers: false,
},
files: {
'css/material-icons.css' : 'scss/material-icons.scss'
}
},
demo: {
options: {
sourcemap: 'none',
unixNewlines: true,
compass: true,
lineNumbers: true,
},
files: {
'demo/style/main.css' : 'demo/style/main.scss'
}
},
},
cssmin: {
options: {
sourceMap: true
},
target: {
files: {
'css/material-icons.min.css': ['css/material-icons.css']
}
}
},
watch: {
css: {
files: [
'scss/*.scss',
'demo/style/*.scss'
],
tasks: ['sass'],
options: {
livereload: livereload
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['sass', 'watch']);
}

141
vendor/mervick/material-design-icons/Gulpfile.js

@ -0,0 +1,141 @@
/* jshint node: true */
"use strict";
var _ = require('lodash'),
fs = require('fs'),
gulp = require('gulp'),
gutil = require('gulp-util'),
changed = require('gulp-changed'),
File = require('vinyl'),
path = require('path'),
through2 = require('through2');
var sassClassPrefix = 'md-css-prefix',
modulePath = './node_modules/material-design-icons',
srcCodepoints = modulePath + '/iconfont/codepoints',
fontsPath = './fonts',
dstCodepoints = fontsPath + '/codepoints',
sassFile = 'scss/_icons.scss',
sassHeader = '@import "variables";\n\n',
demoDataFile = 'demo/js/data.js'
function generateSassCodepoints(filepath) {
return through2.obj(function(codepointsFile, encoding, callback) {
function codepointsToSass(codepoints) {
return _(codepoints)
.split('\n')
.reject(_.isEmpty)
.reduce(function(file, line) {
let codepoint = line.split(' ');
file += '.#{$' + sassClassPrefix + '}-' + codepoint[0].replace(/_/g, '-') +
':before { content: "\\' + codepoint[1] + '"; }\n';
return file;
}, sassHeader);
}
callback(null, new File({
path: filepath,
contents: new Buffer(codepointsToSass(codepointsFile.contents), 'utf8')
}));
});
}
gulp.task('update-sass', function() {
gulp.src(srcCodepoints)
.pipe(changed(fontsPath, {hasChanged: changed.compareSha1Digest}))
.pipe(generateSassCodepoints(sassFile))
.pipe(gulp.dest('.'));
});
function generateDataCodepoints(filepath) {
return through2.obj(function(codepointsFile, encoding, callback) {
var countIcons = 0,
newIcons = 0;
function codepoints2obj(codepoints) {
return _(codepoints)
.split('\n')
.reject(_.isEmpty)
.reduce(function(obj, line) {
let codepoint = line.split(' ');
obj[codepoint[0]] = codepoint[1];
return obj;
}, {});
}
function scanCategories(dir, codes) {
var categories = {};
fs.readdirSync(dir)
.filter(function (file) {
return fs.statSync(path.join(dir, file)).isDirectory()
&& fs.existsSync(path.join(dir, file, "svg/production"));
})
.forEach(function (category) {
categories[category] = {};
let catPath = path.join(dir, category, "svg/production");
fs.readdirSync(catPath)
.filter(function(file) {
return file.match(/^ic_(.+?)_\d+px\.svg$/);
})
.forEach(function(file) {
let matches;
if (matches = /^ic_(.+?)_\d+px\.svg$/.exec(file)) {
let icon = matches[1];
if (codes[icon]) {
if (!categories[category][icon]) {
categories[category][icon] = codes[icon];
countIcons ++;
}
}
}
});
});
return categories;
}
function calculateNewIcons(categories, codes, old) {
var cats = categories;
Object.keys(categories).forEach(function(name) {
let category = categories[name];
Object.keys(category).forEach(function(icon) {
let code = category[icon];
cats[name][icon] = [code, !old[icon]];
if (!old[icon]) {
newIcons ++;
}
});
});
return cats;
}
var codes = codepoints2obj(codepointsFile.contents);
var categories = scanCategories(modulePath, codes);
categories = calculateNewIcons(categories, codes,
codepoints2obj(fs.readFileSync(dstCodepoints).toString()));
gutil.log('Was found', gutil.colors.red(newIcons), 'new icons');
gutil.log('Total found', gutil.colors.red(countIcons), 'icons.');
callback(null, new File({
path: filepath,
contents: new Buffer(
'window.data = ' + JSON.stringify(categories) + ';', 'utf8')
}));
});
}
gulp.task('update-demo-data', function() {
gulp.src(srcCodepoints)
.pipe(changed(fontsPath, {hasChanged: changed.compareSha1Digest}))
.pipe(generateDataCodepoints(demoDataFile))
.pipe(gulp.dest('.'));
});
gulp.task('update-codepoints', function() {
gulp.src(srcCodepoints)
.pipe(gulp.dest(fontsPath));
})
gulp.task('default', ['update-sass', 'update-demo-data']);

21
vendor/mervick/material-design-icons/LICENSE

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2015 Andrey Izman <izmanw@gmail.com>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

91
vendor/mervick/material-design-icons/README.md

@ -0,0 +1,91 @@
# Material Design Icons
[mervick.github.io/material-design-icons](http://mervick.github.io/material-design-icons/)
Material design icons are the official [icon set](http://www.google.com/design/spec/style/icons.html#icons-system-icons)
from Google that are designed under the [material design guidelines](http://www.google.com/design/spec).
In the official package the icons uses a typographic feature called [ligatures](http://alistapart.com/article/the-era-of-symbol-fonts),
which allows rendering of an icon glyph simply by using its textual name.
In this repository also implemented the ability to use the icons in the bootstrap-style,
like in `glyphicon`, `font-awesome` or `ionicons`.
## Installation
You may install this package using Component, Composer, Bower or npm:
- Component: `component install mervick/material-design-icons`
- Composer: `composer require mervick/material-design-icons`
- Bower: `bower install bootstrap-material-design-icons`
- npm: `npm install bootstrap-material-design-icons`
## Usage
Add to your html page in the `head` area
```html
<link rel="stylesheet" href="css/material-icons.css">
```
#### Where are two ways to use:
- Ligature, this one is awesome but have some troubles
```html
<i class="material-icons">accessibility</i>
<i class="material-icons">3d_rotation</i>
<i class="material-icons">airline_seat_legroom_reduced</i>
```
- Bootstrap-style,
```html
<i class="mdi mdi-accessibility"></i>
<i class="mdi mdi-3d-rotation"></i>
<i class="mdi mdi-airline-seat-legroom-reduced"></i>
```
Using bootstrap-style, you can also use additional features such as in Font Awesome:
```html
<!-- Inverse -->
<i class="mdi mdi-attachment mdi-inverse"></i>
<!-- Animated -->
<i class="mdi mdi-attachment mdi-spin"></i>
<i class="mdi mdi-attachment mdi-pulse"></i>
<!-- Fixed width -->
<i class="mdi mdi-attachment mdi-fw"></i>
<!-- Bordered -->
<i class="mdi mdi-attachment mdi-border"></i>
<!-- Pulled -->
<i class="mdi mdi-attachment pull-left"></i>
<i class="mdi mdi-attachment pull-right"></i>
<!-- Sizes -->
<i class="mdi mdi-attachment mdi-lg"></i>
<i class="mdi mdi-attachment mdi-2x"></i>
<i class="mdi mdi-attachment mdi-3x"></i>
<i class="mdi mdi-attachment mdi-4x"></i>
<i class="mdi mdi-attachment mdi-5x"></i>
<!-- Rotations -->
<i class="mdi mdi-attachment mdi-rotate-90"></i>
<i class="mdi mdi-attachment mdi-rotate-180"></i>
<i class="mdi mdi-attachment mdi-rotate-270"></i>
<!-- Flips -->
<i class="mdi mdi-attachment mdi-flip-horizontal"></i>
<i class="mdi mdi-attachment mdi-flip-vertical"></i>
<!-- In lists -->
<ul class="mdi-ul">
<li><i class="mdi-li mdi mdi-keyboard-arrow-right"></i>Lorem ipsum dolor ...</li>
</ul>
```
##License
- Google Material Design Icons fonts is licensed under the CC-BY-4.0:
- https://github.com/google/material-design-icons/blob/master/LICENSE
- Bootstrap Material Icons CSS and Sass files are licensed under the MIT License:
- http://opensource.org/licenses/mit-license.html

33
vendor/mervick/material-design-icons/bower.json

@ -0,0 +1,33 @@
{
"name": "bootstrap-material-design-icons",
"version": "2.2.0",
"authors": [
{
"name": "Andrey Izman",
"email": "izmanw@gmail.com"
}
],
"description": "Google Material Design Icons For Using With Bootstrap",
"keywords": [
"icons",
"material",
"material-design",
"google",
"icons-web-font",
"web-font",
"bootstrap"
],
"license": ["MIT", "CC-BY-4.0"],
"main": [
"./css/material-icons.*",
"./fonts/MaterialIcons-Regular.*"
],
"ignore": [
".gitignore",
"*.json",
"*.md"
],
"dependencies": {},
"devDependencies": {},
"homepage": "http://github.com/mervick/material-design-icons"
}

37
vendor/mervick/material-design-icons/component.json

@ -0,0 +1,37 @@
{
"name": "material-design-icons",
"version": "2.2.0",
"repo": "mervick/material-design-icons",
"description": "Google Material Design Icons For Using With Bootstrap",
"authors": [
{
"name": "Andrey Izman",
"email": "izmanw@gmail.com"
}
],
"keywords": [
"icons",
"material",
"material-design",
"google",
"icons-web-font",
"web-font",
"bootstrap"
],
"dependencies": {},
"development": {},
"license": "MIT, CC-BY-4.0",
"homepage": "http://github.com/mervick/material-design-icons",
"support": {
"source": "http://github.com/mervick/material-design-icons"
},
"styles": [
"css/material-icons.css"
],
"fonts": [
"fonts/MaterialIcons-Regular.eot",
"fonts/MaterialIcons-Regular.ttf",
"fonts/MaterialIcons-Regular.woff",
"fonts/MaterialIcons-Regular.woff2"
]
}

25
vendor/mervick/material-design-icons/composer.json

@ -0,0 +1,25 @@
{
"name": "mervick/material-design-icons",
"version": "2.2.0",
"description": "Google Material Design Icons For Using With Bootstrap",
"authors": [
{
"name": "Andrey Izman",
"email": "izmanw@gmail.com"
}
],
"keywords": [
"icons",
"material",
"material-design",
"google",
"icons-web-font",
"web-font",
"bootstrap"
],
"homepage": "http://github.com/mervick/material-design-icons",
"license": ["MIT", "CC-BY-4.0"],
"support": {
"source": "http://github.com/mervick/material-design-icons"
}
}

2963
vendor/mervick/material-design-icons/css/material-icons.css
File diff suppressed because it is too large
View File

2
vendor/mervick/material-design-icons/css/material-icons.min.css
File diff suppressed because it is too large
View File

1
vendor/mervick/material-design-icons/css/material-icons.min.css.map
File diff suppressed because it is too large
View File

121
vendor/mervick/material-design-icons/demo/index.html

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bootstrap Material Design Icons</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"/>
<link rel="stylesheet" type="text/css" href="style/main.css?v18"/>
<link rel="stylesheet" type="text/css" href="../css/material-icons.min.css?v1.1.2"/>
</head>
<body>
<div class="wrap">
<header>
<div id="head-panel">
<div class="container">
<h1>Bootstrap Material Design Icons</h1>
<div class="buttons">
<a class="github-button" href="https://github.com/mervick/material-design-icons" data-style="mega" data-count-href="/mervick/material-design-icons/stargazers" data-count-api="/repos/mervick/material-design-icons#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mervick/material-design-icons on GitHub">Star</a>
<a class="github-button" href="https://github.com/mervick/material-design-icons/archive/master.zip" data-icon="octicon-cloud-download" data-style="mega" aria-label="Download mervick/material-design-icons on GitHub">Download</a>
</div>
</div>
</div>
<div id="search-panel">
<div class="container">
<div class="search-icon">
<i class="mdi mdi-search"></i>
</div>
<input type="text" id="search" placeholder="Search" aria-label="Search"/>
<div class="search-icon clear-icon" style="display: none;">
<i class="mdi mdi-close"></i>
</div>
</div>
</div>
</header>
<div class="container">
<div class="content">
<p>Material design icons are the <a href="http://www.google.com/design/spec/style/icons.html#icons-system-icons">official icon</a>
set from Google that are designed under the <a href="http://www.google.com/design/spec">material design guidelines</a>.</p>
<p>In the official package the icons uses a typographic feature called <a href="http://alistapart.com/article/the-era-of-symbol-fonts">ligatures</a>,
which allows rendering of an icon glyph simply by using its textual name.</p>
<p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> implements the ability to use the icons in the <code>bootstrap-style</code>, like in
<code>glyphicon</code>, <code>font-awesome</code> or <code>ionicons</code>.</p>
<div id="grid-container"></div>
</div>
</div>
<div id="snackbar"></div>
</div>
<footer>
<div id="footer">
<div class="container">
<p><a href="https://github.com/google/material-design-icons">Google Material Design Icons</a> fonts files are
licensed under the <a href="https://github.com/google/material-design-icons/blob/master/LICENSE">CC-BY-4.0</a>,
maintained by <a href="https://github.com/google">Google</a>.</p>
<p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> css and sass files are
licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>,
maintained by <a href="https://github.com/mervick">mervick</a>.</p>
</div>
</div>
</footer>
<script id="empty-grid" type="text/template">
<div class="no-results">No matches found</div>
</script>
<script id="grid-item" type="text/template">
<div class="item">
<% if (is_new) { %>
<div class="new-badge">New</div>
<% } %>
<i class="mdi mdi-<%= className %>"></i>
<div class="caption"><%= caption %></div>
</div>
</script>
<script id="snackbar-template" type="text/template">
<div class="container">
<div class="snackbar-header">
<i class="mdi mdi-<%= className %>"></i>
<span class="caption"><%= caption %></span>
<div class="right-side">
<i class="mdi mdi-code"></i>
<span class="caption">ICON FONT</span>
</div>
</div>
<div class="snackbar-content flex">
<div class="col">
<h2>STEP 1: Setup Icon Font</h2>
<p>Follow the <a href="https://github.com/mervick/material-design-icons">instructions</a> to embed the icon
font in your site and learn how to style your icons using CSS.</p>
</div>
<div class="col">
<h2>STEP 2: Use Icon in Your Site</h2>
<p class="code comment">&lt;!-- Bootstrap style, for modern browsers, IE &gt; 8. --&gt;</p>
<textarea class="code" readonly>&lt;i class=&quot;mdi mdi-<%= className %>&quot;&gt;&lt;/i&gt;</textarea>
<p class="code comment">&lt;!-- Ligature style, for modern browsers, IE &gt; 9. --&gt;</p>
<textarea class="code" readonly>&lt;i class=&quot;material-icons&quot;&gt;<%= content %>&lt;/i&gt;</textarea>
<p class="code comment">&lt;!-- For IE9 or below. --&gt;</p>
<textarea class="code" readonly>&lt;i class=&quot;material-icons&quot;&gt;&amp;#x<%= code %>;&lt;/i&gt;</textarea>
<p></p>
</div>
</div>
</div>
</script>
<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<script src="js/data.js?v1.1.2"></script>
<script src="js/main.js?v1.1.2"></script>
</body>
</html>

1
vendor/mervick/material-design-icons/demo/js/data.js
File diff suppressed because it is too large
View File

194
vendor/mervick/material-design-icons/demo/js/main.js

@ -0,0 +1,194 @@
(function($, Backbone) {
var models = {},
views = {},
renderData = function (data) {
var icons = [],
categories = [];
$.each(data, function (category, items) {
$.each(items, function (content, d) {
categories.push(category);
icons.push({
category: category,
caption: content.replace(/_/g, ' '),
className: content.replace(/_/g, '-'),
content: content,
code: d[0].toUpperCase(),
is_new: d[1] && true
});
});
});
var view = new views.Icons({collection: new models.Icons(icons)});
view.render();
};
models.Icon = Backbone.Model.extend();
models.Icons = Backbone.Collection.extend({
model: models.Icon
});
views.Icon = Backbone.View.extend({
tagName: 'div',
className: 'item-container',
template: _.template($('#grid-item').html()),
events : {
"click" : "showSnackBar"
},
initialize: function (options) {
this.listenTo(this.model, 'hideSnackBar', this.hideSnackBar);
_.bindAll(this, 'render', 'hideSnackBar');
},
render: function () {
$(this.el).html(this.template(this.model.attributes));
return this;
},
showSnackBar: function() {
$("body").click();
this.model.trigger('hideSnackBar');
$(this.el).addClass("selected");
var view = new views.snackbarView({model: this.model});
view.render();
return false;
},
hideSnackBar: function() {
$(this.el).removeClass("selected");
}
});
views.snackbarView = Backbone.View.extend({
container: $('#snackbar'),
template: _.template($('#snackbar-template').html()),
initialize: function (options) {
this.collection = options.collection;
$("body").on("click focus", $.proxy(this.hide, this));
},
render: function () {
var hidden = !this.container.children(".container:not(:hidden)").length;
this.container.empty();
this.container.append(this.template(this.model.attributes));
if (hidden) {
this.container.children(".container").hide().slideDown('fast');
} else {
this.container.children(".container").stop(0, 0).slideDown('fast');
}
},
hide: function() {
this.model.trigger('hideSnackBar');
this.container.children(".container").slideUp('fast');
}
});
views.Icons = Backbone.View.extend({
container: $('#grid-container'),
empty_content: $('#empty-grid').html(),
search_input: $('#search'),
search_clear: $('#search-panel .clear-icon'),
initialize: function (options) {
this.collection = options.collection;
this.search_input.bind('keyup', $.proxy(this.search, this));
this.search_clear.bind('click', $.proxy(this.clear_search, this));
_.bindAll(this, 'render');
},
clear_search : function() {
this.search_input.val('');
this.search_input.focus();
this.search();
return this;
},
search: function () {
var str = this.search_input.val();
if (str.length > 0) {
this.search_clear.show();
} else {
this.search_clear.hide();
}
str = str.replace(/[\-_]+/g, ' ').replace(/\s+/, ' ').trim();
if (str.length > 0) {
var models = this.collection.filter(function (item) {
return item.get("caption").indexOf(str) > -1
});
this.render(models);
} else {
this.render();
}
$('body, html').animate({scrollTop: this.container.offset().top - 64}, 0);
return this;
},
render: function (searchCollection) {
var container = this.container,
category = null,
grid = $("<div/>", {"class" : "grid"}),
self = this,
models = searchCollection || this.collection;
container.empty();
models.forEach(function (item) {
var itemView = new views.Icon({model: item});
if (category === null) {
category = item.get('category');
}
if (category !== item.get('category')) {
$("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)).
appendTo(self.container);
grid.appendTo(self.container);
category = item.get('category');
grid = $("<div/>", {"class" : "grid"});
grid.append(itemView.render().el);
} else {
grid.append(itemView.render().el);
}
});
if (category !== null) {
$("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)).
appendTo(self.container);
grid.appendTo(self.container);
} else {
container.html(self.empty_content);
}
return this;
}
});
$(document).ready(function () {
var is_fixed_search = false,
$win = $(window),
search_panel = $("#search-panel"),
header_panel = $("#head-panel");
$win.on("scroll resize", function () {
if ($win.scrollTop() > header_panel.outerHeight()) {
if (!is_fixed_search) {
is_fixed_search = true;
search_panel.addClass("top-fixed");
}
} else {
if (is_fixed_search) {
is_fixed_search = false;
search_panel.removeClass("top-fixed");
}
}
});
renderData(window.data);
$("body").on("focus", "textarea.code", function() {
var $this = $(this);
$this.select();
window.setTimeout(function() {
$this.select();
}, 1);
function mouseUpHandler() {
$this.off("mouseup", mouseUpHandler);
return false;
}
$this.mouseup(mouseUpHandler);
});
$("#snackbar").on("click focus", function(e) {
e.preventDefault();
return false;
});
});
}) (jQuery, Backbone);

385
vendor/mervick/material-design-icons/demo/style/main.css

@ -0,0 +1,385 @@
/* line 3, main.scss */
html, body {
background-color: #f9f9f9;
border: 0;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
color: #444;
font-family: RobotoDraft, Roboto, sans-serif;
font-size: 14px;
-webkit-font-smoothing: antialiased; }
/* line 16, main.scss */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 20, main.scss */
* {
font-family: RobotoDraft, Roboto, sans-serif; }
/* line 24, main.scss */
a {
color: #02a8f3;
text-decoration: none; }
/* line 27, main.scss */
a:hover {
text-decoration: underline; }
/* line 30, main.scss */
a, a:hover {
outline: 0; }
/* line 35, main.scss */
#head-panel {
background-color: #03a9f4;
padding: 30px 0 20px; }
/* line 38, main.scss */
#head-panel h1 {
color: #fff;
font-size: 50px;
font-weight: normal;
margin: 0 0 10px 0;
display: inline-block; }
/* line 44, main.scss */
#head-panel h1:after {
letter-spacing: 0.5em;
content: "\00a0"; }
/* line 49, main.scss */
#head-panel .buttons {
display: inline-block;
color: transparent; }
/* line 55, main.scss */
.container {
width: 100%;
padding: 0 20px;
height: 100%; }
/* line 61, main.scss */
.wrap {
min-height: 100%;
height: auto;
margin: 0 auto -120px;
padding: 0 0 160px; }
/* line 68, main.scss */
.content {
margin: 120px 0 40px; }
/* line 70, main.scss */
.content p {
line-height: 36px;
font-size: 20px;
margin-top: 2px;
margin-bottom: 10px; }
/* line 76, main.scss */
.content code {
padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px; }
/* line 84, main.scss */
.content code:before, .content code:after {
letter-spacing: -0.2em;
content: "\00a0"; }
/* line 91, main.scss */
#search-panel {
height: 64px;
width: 100%;
background-color: #ffffff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 7; }
/* line 98, main.scss */
#search-panel.top-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
/* line 105, main.scss */
#search-panel .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%; }
/* line 117, main.scss */
#search-panel .search-icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
fill: currentcolor;
position: relative;
opacity: 0.5; }
/* line 124, main.scss */
#search-panel .search-icon, #search-panel .search-icon .mdi {
height: 24px;
width: 24px;
font-size: 24px; }
/* line 129, main.scss */
#search-panel .search-icon.clear-icon {
cursor: pointer; }
/* line 131, main.scss */
#search-panel .search-icon.clear-icon:hover {
opacity: 1; }
/* line 136, main.scss */
#search-panel #search {
color: #434343;
font-size: 20px;
margin-left: 16px;
padding: 8px 0;
width: auto;
border: none;
outline: none;
-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px; }
/* line 152, main.scss */
#grid-container {
padding: 0 0 70px;
min-height: 900px;
margin-top: 67px; }
/* line 156, main.scss */
#grid-container .grid {
margin: 20px -15px 0 -15px; }
/* line 158, main.scss */
#grid-container .grid:after {
clear: both;
display: table;
content: " "; }
/* line 164, main.scss */
#grid-container:after {
clear: both;
display: table;
content: " "; }
/* line 169, main.scss */
#grid-container h2 {
color: #a2a2a2;
font-size: 16px;
font-weight: normal;
display: block;
border-top: 1px solid rgba(0, 0, 0, 0.08);
padding: 67px 0 0;
margin: 47px 0 10px; }
/* line 178, main.scss */
#grid-container .no-results {
text-align: center;
color: #909090;
font-size: 24px;
padding: 150px 0; }
/* line 184, main.scss */
#grid-container .item-container {
display: block;
width: 112px;
height: 120px;
margin: 0 10px 5px;
padding: 20px 0 0;
cursor: pointer;
background: transparent;
float: left;
transition: background 200ms ease-out;
border-radius: 2px; }
/* line 195, main.scss */
#grid-container .item-container:hover {
background: #f2f2f2; }
/* line 198, main.scss */
#grid-container .item-container.selected {
background: #e0e0e0; }
/* line 201, main.scss */
#grid-container .item-container .item {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative; }
/* line 212, main.scss */
#grid-container .item-container .item .new-badge {
position: absolute;
right: 8px;
top: -12px;
padding: 2px 3px;
border-radius: 2px;
background: #fe6363;
color: #fff;
font-size: 10px;
font-weight: 500; }
/* line 223, main.scss */
#grid-container .item-container .item .mdi {
font-size: 48px;
width: 48px;
height: 48px;
color: #757575; }
/* line 229, main.scss */
#grid-container .item-container .item .caption {
color: #757575;
font-size: 11px;
margin-top: 16px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
width: 100px;
z-index: 1; }
/* line 244, main.scss */
#snackbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 5; }
/* line 250, main.scss */
#snackbar .snackbar-header {
color: #fff;
height: 64px;
background-color: #03a9f4;
padding: 19px 20px 20px;
line-height: 26px;
overflow: hidden; }
/* line 257, main.scss */
#snackbar .snackbar-header .mdi {
width: 24px;
height: 24px;
font-size: 24px;
float: left; }
/* line 263, main.scss */
#snackbar .snackbar-header .caption {
font-size: 16px;
margin-left: 15px; }
/* line 267, main.scss */
#snackbar .snackbar-header .right-side {
display: none;
float: right; }
/* line 270, main.scss */
#snackbar .snackbar-header .right-side .mdi {
font-size: 22px;
margin-top: 1px; }
/* line 274, main.scss */
#snackbar .snackbar-header .right-side .caption {
font-weight: 500;
margin-left: 10px;
text-transform: uppercase;
font-size: 14px; }
/* line 282, main.scss */
#snackbar p, #snackbar p a, #snackbar .code {
font-family: 'Roboto Mono', monospace;
font-size: 13px;
line-height: 24px;
background-color: #eee; }
/* line 288, main.scss */
#snackbar .code {
color: #434343;
border: 0;
cursor: default;
display: block;
outline: none;
padding: 0;
height: 24px;
resize: none;
width: 100%;
white-space: nowrap;
overflow: hidden; }
/* line 300, main.scss */
#snackbar .code.comment {
opacity: 0.5; }
/* line 304, main.scss */
#snackbar .snackbar-content {
background-color: #eee;
padding: 8px 24px;
overflow: hidden;
-webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); }
/* line 311, main.scss */
#snackbar .snackbar-content h2, #snackbar .snackbar-content p {
font-size: 13px;
line-height: 24px;
font-family: 'Roboto Mono', monospace; }
/* line 316, main.scss */
#snackbar .snackbar-content h2 {
color: #02a8f3;
display: inline-block;
font-weight: 500;
margin: 0; }
/* line 322, main.scss */
#snackbar .snackbar-content p {
margin: 0;
color: #434343; }
/* line 326, main.scss */
#snackbar .snackbar-content .col {
margin: 16px 0; }
/* line 330, main.scss */
#snackbar .snackbar-header, #snackbar .snackbar-content {
margin: 0 -20px 0; }
/* line 335, main.scss */
#footer {
background: #EEE;
padding: 20px 0;
min-height: 120px; }
@media (min-width: 500px) {
/* line 343, main.scss */
#snackbar .snackbar-content .col {
margin: 16px 40px 16px 0; }
/* line 346, main.scss */
#snackbar .snackbar-header .right-side {
display: block; } }
@media (min-width: 800px) {
/* line 353, main.scss */
.flex {
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
/* line 361, main.scss */
.col {
width: 50%; }
/* line 364, main.scss */
.container {
padding: 0 35px;
margin: 0 auto; }
/* line 368, main.scss */
.snackbar-header, .snackbar-content {
margin: 0 -10px 0; }
/* line 371, main.scss */
#grid-container .grid <