RubyGems - jekyll-polymer-magazine - Versions diffs - 0.1.0 - Mend

jekyll-polymer-magazine 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (994) hide show

data/assets/bower_components/iron-media-query/README.md ADDED

@@ -0,0 +1,28 @@
+<!---
+This README is automatically generated from the comments in these files:
+iron-media-query.html
+Edit those files, and our readme bot will duplicate them over here!
+Edit this file, and the bot will squash your changes :)
+-->
+[![Build Status](https://travis-ci.org/PolymerElements/iron-media-query.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-media-query)
+_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-media-query)_
+##&lt;iron-media-query&gt;
+`iron-media-query` can be used to data bind to a CSS media query.
+The `query` property is a bare CSS media query.
+The `query-matches` property is a boolean representing whether the page matches that media query.
+Example:
+    <iron-media-query query="(min-width: 600px)" query-matches="{{queryMatches}}"></iron-media-query>

data/assets/bower_components/iron-media-query/bower.json ADDED

@@ -0,0 +1,32 @@
+{
+  "name": "iron-media-query",
+  "version": "1.0.8",
+  "description": "Lets you bind to a CSS media query",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "polymer",
+    "media"
+  ],
+  "private": true,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-media-query"
+  },
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/iron-media-query",
+  "ignore": [],
+  "dependencies": {
+    "polymer": "Polymer/polymer#^1.0.0"
+  },
+  "devDependencies": {
+    "paper-styles": "polymerelements/paper-styles#^1.0.2",
+    "web-component-tester": "polymer/web-component-tester#^3.4.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  },
+  "main": "iron-media-query.html"
+}

data/assets/bower_components/iron-media-query/demo/index.html ADDED

@@ -0,0 +1,93 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <title>iron-media-query demo</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../../paper-styles/demo-pages.html">
+    <link rel="import" href="../iron-media-query.html">
+  </head>
+  <body>
+  <div class="vertical-section vertical-section-container centered">
+    <h1>&lt;iron-media-query&gt;</h1>
+    <template is="dom-bind">
+      <style>
+        .item {
+          margin: 8px;
+          border: 1px solid #ddd;
+        }
+        .item .title {
+          font-weight: bold;
+          font-size: 1.2em;
+          background-color: #eee;
+          padding: 8px;
+        }
+        .item[wide-layout] .title {
+          float: left;
+          margin: 0 8px 4px 0;
+          font-size: 1.4em;
+        }
+        .item .description {
+          padding: 8px;
+        }
+        .item::after {
+          content: '';
+          display: block;
+          clear: both;
+        }
+      </style>
+      <iron-media-query query="(min-width: 600px)" query-matches="{{wide}}"></iron-media-query>
+      <iron-media-query full query="print" query-matches="{{print}}"></iron-media-query>
+      <div class="item" wide-layout$="{{wide}}">
+        <div class="title">Resize the window</div>
+        <div class="description">
+          <template is="dom-if" if="{{!wide}}">
+            The viewport is less than 600px wide, so the items' titles will
+            not float.
+          </template>
+          <template is="dom-if" if="{{wide}}">
+            The viewport is at least 600px, so the items' titles will float
+            to the left.
+          </template>
+          Here's another sentence; it's not very long.
+        </div>
+      </div>
+      <div class="item" wide-layout$="{{wide}}">
+        <div class="title"><code>print</code> example</div>
+        <div class="description">
+          <a href="http://polymer-project.org">
+            This link's destination is visible when this page is printed.
+          </a>
+          <template is="dom-if" if="{{print}}">
+            (http://polymer-project.org)
+          </template>
+          This is another sentence which is meant to help fill this box.
+        </div>
+      </div>
+    </template>
+  </div>
+  </body>
+</html>

data/assets/bower_components/iron-media-query/hero.svg ADDED

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 225 126" enable-background="new 0 0 225 126" xml:space="preserve">
+<g id="background" display="none">
+	<rect display="inline" fill="#B0BEC5" width="225" height="126"/>
+</g>
+<g id="label">
+</g>
+<g id="art">
+	<path d="M173,99H91V41h82V99z M93,97h78V43H93V97z"/>
+	<path d="M77,89H51V42h26V89z M53,87h22V44H53V87z"/>
+	<rect x="52" y="56" width="24" height="2"/>
+	<rect x="92" y="58" width="80" height="2"/>
+	<path d="M65.3,42h-2c0-10,8.7-18.7,18.7-18.7v2C73,25.3,65.3,33,65.3,42z"/>
+	<path d="M105.3,42h-2c0-9-7.3-16.7-16.3-16.7v-2C97,23.3,105.3,32,105.3,42z"/>
+	<circle cx="84.3" cy="24.3" r="4"/>
+	<circle cx="69.3" cy="80.3" r="4"/>
+	<circle cx="160.3" cy="59.3" r="4"/>
+	<path d="M49,41v49c0,1.1,0.9,2,2,2h26c1.1,0,2-0.9,2-2V41c0-1.1-0.9-2-2-2H51C49.9,39,49,39.9,49,41z M76,88H52V43h24V88z"/>
+	<path d="M88.9,40.7v59c0,1.1,0.9,2,2,2h82c1.1,0,2-0.9,2-2v-59c0-1.1-0.9-2-2-2h-82C89.8,38.7,88.9,39.6,88.9,40.7z M172,98H93V42
+		h79V98z"/>
+	<g id="ic_x5F_add_x0D_">
+	</g>
+</g>
+<g id="Guides">
+</g>
+</svg>

data/assets/bower_components/iron-media-query/index.html ADDED

@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+    <title>iron-media-query</title>
+    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../polymer/polymer.html">
+    <link rel="import" href="../iron-component-page/iron-component-page.html">
+  </head>
+  <body>
+    <iron-component-page></iron-component-page>
+  </body>
+</html>

data/assets/bower_components/iron-media-query/iron-media-query.html ADDED

@@ -0,0 +1,121 @@
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../polymer/polymer.html">
+<!--
+`iron-media-query` can be used to data bind to a CSS media query.
+The `query` property is a bare CSS media query.
+The `query-matches` property is a boolean representing whether the page matches that media query.
+Example:
+    <iron-media-query query="(min-width: 600px)" query-matches="{{queryMatches}}"></iron-media-query>
+@group Iron Elements
+@demo demo/index.html
+@hero hero.svg
+@element iron-media-query
+-->
+<script>
+  Polymer({
+    is: 'iron-media-query',
+    properties: {
+      /**
+       * The Boolean return value of the media query.
+       */
+      queryMatches: {
+        type: Boolean,
+        value: false,
+        readOnly: true,
+        notify: true
+      },
+      /**
+       * The CSS media query to evaluate.
+       */
+      query: {
+        type: String,
+        observer: 'queryChanged'
+      },
+      /**
+       * If true, the query attribute is assumed to be a complete media query
+       * string rather than a single media feature.
+       */
+      full: {
+        type: Boolean,
+        value: false
+      },
+      /**
+       * @type {function(MediaQueryList)}
+       */
+      _boundMQHandler: {
+        value: function() {
+          return this.queryHandler.bind(this);
+        }
+      },
+      /**
+       * @type {MediaQueryList}
+       */
+      _mq: {
+        value: null
+      }
+    },
+    attached: function() {
+      this.style.display = 'none';
+      this.queryChanged();
+    },
+    detached: function() {
+      this._remove();
+    },
+    _add: function() {
+      if (this._mq) {
+        this._mq.addListener(this._boundMQHandler);
+      }
+    },
+    _remove: function() {
+      if (this._mq) {
+        this._mq.removeListener(this._boundMQHandler);
+      }
+      this._mq = null;
+    },
+    queryChanged: function() {
+      this._remove();
+      var query = this.query;
+      if (!query) {
+        return;
+      }
+      if (!this.full && query[0] !== '(') {
+        query = '(' + query + ')';
+      }
+      this._mq = window.matchMedia(query);
+      this._add();
+      this.queryHandler(this._mq);
+    },
+    queryHandler: function(mq) {
+      this._setQueryMatches(mq.matches);
+    }
+  });
+</script>

data/assets/bower_components/iron-media-query/test/basic.html ADDED

@@ -0,0 +1,118 @@
+<!doctype html>
+<!--
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <title>iron-media-query-basic</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+    <link rel="import" href="../iron-media-query.html">
+  </head>
+  <body>
+    <test-fixture id="basic">
+      <template>
+        <iron-media-query></iron-media-query>
+      </template>
+    </test-fixture>
+    <script>
+      suite('basic', function() {
+        var mq;
+        suite('set query with different values', function() {
+          setup(function () {
+            mq = fixture('basic');
+          });
+          test('small min-width value', function() {
+            mq.query = '(min-width: 1px)';
+            assert.equal(mq.queryMatches, true);
+          });
+          test('large min-width value', function() {
+            mq.query = '(min-width: 10000px)';
+            assert.equal(mq.queryMatches, false);
+          });
+          test('small max-width value', function() {
+            mq.query = '(max-width: 1px)';
+            assert.equal(mq.queryMatches, false);
+          });
+          test('large max-width value', function() {
+            mq.query = '(max-width: 10000px)';
+            assert.equal(mq.queryMatches, true);
+          });
+          test('automatically wrap with parens', function() {
+            mq.query = 'min-width: 1px';
+            assert.equal(mq.queryMatches, true);
+          });
+          suite('`full` attribute', function() {
+            test('media features without wrapping parentheses no longer match', function() {
+              mq.full = true;
+              mq.query = 'min-width: 1px';
+              assert.equal(mq.queryMatches, false);
+            });
+            test('media queries with both types and features match', function() {
+              mq.full = true;
+              mq.query = 'all and (min-width: 1px)';
+              assert.equal(mq.queryMatches, true);
+            });
+          });
+          suite('query does not activate on empty string or null', function() {
+            test('empty string', function() {
+              mq.query = '';
+              assert.notOk(mq._mq);
+            });
+            test('null', function() {
+              mq.query = null;
+              assert.notOk(mq._mq);
+            });
+          });
+          test('media query destroys on detach', function() {
+            mq.query = '(max-width: 800px)';
+            mq.parentNode.removeChild(mq);
+            Polymer.dom.flush();
+            assert.notOk(mq._mq);
+          });
+          test('media query re-enables on attach', function() {
+            mq.query = '(max-width: 800px)';
+            var parent = mq.parentNode;
+            parent.removeChild(mq);
+            Polymer.dom.flush();
+            parent.appendChild(mq);
+            Polymer.dom.flush();
+            assert.ok(mq._mq);
+          });
+        });
+      });
+    </script>
+  </body>
+</html>