Added Polymer
This commit is contained in:
18
rpg-docs/public/bower_components/core-icon-button/.bower.json
vendored
Normal file
18
rpg-docs/public/bower_components/core-icon-button/.bower.json
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"name": "core-icon-button",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icons": "Polymer/core-icons#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1",
|
||||
"homepage": "https://github.com/Polymer/core-icon-button",
|
||||
"_release": "0.5.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.5.1",
|
||||
"commit": "a7e63fce6ab930e3cd88d287d7595f0c728e2d89"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-icon-button.git",
|
||||
"_target": "^0.5.0",
|
||||
"_originalSource": "Polymer/core-icon-button"
|
||||
}
|
||||
4
rpg-docs/public/bower_components/core-icon-button/README.md
vendored
Normal file
4
rpg-docs/public/bower_components/core-icon-button/README.md
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
core-icon-button
|
||||
================
|
||||
|
||||
See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-icon-button) for more information.
|
||||
8
rpg-docs/public/bower_components/core-icon-button/bower.json
vendored
Normal file
8
rpg-docs/public/bower_components/core-icon-button/bower.json
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "core-icon-button",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icons": "Polymer/core-icons#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1"
|
||||
}
|
||||
75
rpg-docs/public/bower_components/core-icon-button/core-icon-button.css
vendored
Normal file
75
rpg-docs/public/bower_components/core-icon-button/core-icon-button.css
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
/*
|
||||
Copyright (c) 2014 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
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
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
|
||||
*/
|
||||
|
||||
:host {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
border-radius: 2px;
|
||||
padding: 7px;
|
||||
margin: 2px;
|
||||
vertical-align: middle;
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:host([disabled]) {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
:host(.outline) {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
:host(:hover:not([disabled])) {
|
||||
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
:host(.selected:not([disabled])) {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
:host(:active:not([disabled]), .selected:active:not([disabled])) {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
:host(.core-dark-theme.outline) {
|
||||
background-color: rgba(200, 200, 200, 0.05);
|
||||
box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
|
||||
:host(.core-dark-theme:hover) {
|
||||
background-color: rgba(200, 200, 200, 0.05);
|
||||
box-shadow: 0 1px 0 0 rgba(200, 200, 200, 0.12), 0 0 0 1px rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
|
||||
:host(.core-dark-theme.selected) {
|
||||
background-color: rgba(220, 220, 220, 0.05);
|
||||
box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.05), 0 0 0 1px rgba(200, 200, 200, 0.12);
|
||||
}
|
||||
|
||||
:host(.core-dark-theme:active, .core-dark-theme.selected:active) {
|
||||
background-color: rgba(200, 200, 200, 0.05);
|
||||
box-shadow: inset 0 1px 0 0 rgba(200, 200, 200, 0.1), 0 0 0 1px rgba(200, 200, 200, 0.12);
|
||||
}
|
||||
|
||||
core-icon {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* note: this is a polyfill aware selector */
|
||||
:host ::content > :not(core-icon) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
81
rpg-docs/public/bower_components/core-icon-button/core-icon-button.html
vendored
Normal file
81
rpg-docs/public/bower_components/core-icon-button/core-icon-button.html
vendored
Normal file
@@ -0,0 +1,81 @@
|
||||
<!--
|
||||
Copyright (c) 2014 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
|
||||
-->
|
||||
|
||||
<!--
|
||||
`core-icon-button` is an icon with button behaviors.
|
||||
|
||||
<core-icon-button src="star.png"></core-icon-button>
|
||||
|
||||
`core-icon-button` includes a default icon set. Use `icon` to specify
|
||||
which icon from the icon set to use.
|
||||
|
||||
<core-icon-button icon="menu"></core-icon-button>
|
||||
|
||||
See [`core-iconset`](#core-iconset) for more information about
|
||||
how to use a custom icon set.
|
||||
|
||||
@group Polymer Core Elements
|
||||
@element core-icon-button
|
||||
@homepage github.io
|
||||
-->
|
||||
|
||||
<link rel="import" href="../core-icon/core-icon.html">
|
||||
<link rel="import" href="../core-icons/core-icons.html">
|
||||
|
||||
<polymer-element name="core-icon-button" attributes="src icon active">
|
||||
|
||||
<template>
|
||||
<link rel="stylesheet" href="core-icon-button.css">
|
||||
<core-icon src="{{src}}" icon="{{icon}}"></core-icon><content></content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Polymer('core-icon-button', {
|
||||
|
||||
/**
|
||||
* The URL of an image for the icon. Should not use `icon` property
|
||||
* if you are using this property.
|
||||
*
|
||||
* @attribute src
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
src: '',
|
||||
|
||||
/**
|
||||
* If true, border is placed around the button to indicate it's
|
||||
* active state.
|
||||
*
|
||||
* @attribute active
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
active: false,
|
||||
|
||||
/**
|
||||
* Specifies the icon name or index in the set of icons available in
|
||||
* the icon set. Should not use `src` property if you are using this
|
||||
* property.
|
||||
*
|
||||
* @attribute icon
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
icon: '',
|
||||
|
||||
activeChanged: function() {
|
||||
this.classList.toggle('selected', this.active);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
||||
35
rpg-docs/public/bower_components/core-icon-button/demo.html
vendored
Normal file
35
rpg-docs/public/bower_components/core-icon-button/demo.html
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 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
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
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
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>core-icon-button</title>
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
|
||||
<link rel="import" href="core-icon-button.html">
|
||||
<style>
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body unresolved>
|
||||
|
||||
|
||||
<template is="auto-binding">
|
||||
<template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
|
||||
<core-icon-button icon="{{icon}}" title="{{icon}}"></core-icon-button>
|
||||
</template>
|
||||
<core-icon-button icon="menu"><span>label</span></core-icon-button>
|
||||
</div>
|
||||
<core-iconset id="meta"></core-iconset>
|
||||
</template>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
rpg-docs/public/bower_components/core-icon-button/index.html
vendored
Normal file
22
rpg-docs/public/bower_components/core-icon-button/index.html
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 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
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
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
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
20
rpg-docs/public/bower_components/core-icon-button/metadata.html
vendored
Normal file
20
rpg-docs/public/bower_components/core-icon-button/metadata.html
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
<!--
|
||||
@license
|
||||
Copyright (c) 2014 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
|
||||
-->
|
||||
<x-meta id="core-icon-button" label="Icon Button" group="Core">
|
||||
|
||||
<template>
|
||||
<core-icon-button icon="menu" theme="core-light-theme"></core-icon-button>
|
||||
</template>
|
||||
|
||||
<template id="imports">
|
||||
<link rel="import" href="core-icon-button.html">
|
||||
</template>
|
||||
|
||||
</x-meta>
|
||||
Reference in New Issue
Block a user