diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fbe05fc --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +bower_components/ diff --git a/bower.json b/bower.json index 28572c0..7ce995b 100644 --- a/bower.json +++ b/bower.json @@ -1,14 +1,38 @@ { "name": "paper-card", + "version": "1.0.0", + "description": "Material design piece of paper with unique related data", + "authors": [ + "The Polymer Authors" + ], + "keywords": [ + "web-components", + "polymer", + "card" + ], + "main": [ + "paper-card.html" + ], "private": true, + "repository": { + "type": "git", + "url": "git://github.com/PolymerElements/paper-card.git" + }, + "license": "http://polymer.github.io/LICENSE.txt", + "homepage": "https://github.com/PolymerElements/paper-card", + "ignore": [], "dependencies": { - "polymer": "Polymer/polymer#master", - "swipeable-card": "PolymerLabs/swipeable-card#master", - "core-icon-button": "Polymer/core-icon-button#master", - "paper-button": "Polymer/paper-button#master", - "paper-shadow": "Polymer/paper-shadow#master" + "polymer": "Polymer/polymer#^1.0.0", + "paper-material": "PolymerElements/paper-material#^1.0.0" }, "devDependencies": { - "web-component-tester": "Polymer/web-component-tester#^1.0.0" + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "web-component-tester": "*", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", + "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0", + "paper-button": "PolymerElements/paper-button#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0" } } diff --git a/demo.html b/demo.html deleted file mode 100644 index a924fa0..0000000 --- a/demo.html +++ /dev/null @@ -1,194 +0,0 @@ - - - - paper-card - - - - - - - - - - - - - - - - -
- - -
-
Cards are a convenient means of displaying content composed of different types of objects. -

- Swipe me! -
-
- - - - - -
- Cards can have different shadows. -
-
- Decrease - Increase -
- - - -
-
Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. -
-
-
- - - -
- - - -
-
Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. -
-
-
- Nay - Yay! -
- - - -
-
Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. -
-
-
- No - Yes -
- - - -
-
Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. -
-
-
- Action -
-
- Moar action! -
- - - -
-
:)
-
-
Title
-
subtitle
-
-
- - - - -
-
Usu eu novum principes, vel quodsi aliquip ea.
-
Ut labores minimum atomorum pro. Laudem tibique ut has.
-
No nam ipsum lorem aliquip, accumsan quaerendum ei usu.
-
Usu eu novum principes, vel quodsi aliquip ea.
-
- -
- - - - - diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..b5e3fdd --- /dev/null +++ b/demo/index.html @@ -0,0 +1,188 @@ + + + + + paper-card demo + + + + + + + + + + + + + + + + + + + +
+ + +
+
Cards are a convenient means of displaying content composed of different types of objects. +

+ Hurray! +
+
+ + + + + +
+ Cards can have different shadows. +
+
+ Decrease + Increase +
+ + + +
+ Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. +
+
+ + + +
+ + + +
+ Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. +
+
+ Nay + Yay! +
+ + + +
+ Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. +
+
+ No + Yes +
+ + + +
+ Lorem ipsum dolor sit amet, nec ad conceptam interpretaris, mea ne solet repudiandae. Laudem nostrud ei vim. Sapientem consequuntur usu ad, vel etiam philosophia ex, ad quidam option quo. Sed sale integre pericula ei, rebum adipiscing ius ea. +
+
+ Action +
+
+ Moar action! +
+ + + +
+
:)
+
+
Title
+
subtitle
+
+
+ + + + +
+
Usu eu novum principes, vel quodsi aliquip ea.
+
Ut labores minimum atomorum pro. Laudem tibique ut has.
+
Usu eu novum principes, vel quodsi aliquip ea.
+
+ +
+ + + + + diff --git a/index.html b/index.html index 7a3f566..fab428a 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,28 @@ - - + + + + paper-card + + + - + - + diff --git a/paper-card.html b/paper-card.html index 3d856cf..bc46fdd 100644 --- a/paper-card.html +++ b/paper-card.html @@ -1,4 +1,5 @@ + + + +### Styling - +The following custom properties and mixins are available for styling: - - +Custom property | Description | Default +----------------|-------------|---------- +`--paper-card-header-color` | The color of the header text | `#000` +`--paper-card-header` | Mixin applied to the card header section | `{}` +`--paper-card-content` | Mixin applied to the card content section| `{}` +`--paper-card-actions` | Mixin applied to the card action section | `{}` +`--paper-card` | Mixin applied to the card | `{}` - - - + - - diff --git a/test/a11y.html b/test/a11y.html deleted file mode 100644 index 2291aae..0000000 --- a/test/a11y.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - paper-card a11y tests - - - - - - - - - - - - - -

- - -
- - - - - diff --git a/test/basic.html b/test/basic.html new file mode 100644 index 0000000..4869b55 --- /dev/null +++ b/test/basic.html @@ -0,0 +1,57 @@ + + + + + + paper-card a11y tests + + + + + + + + + + + + + + + + + + + + + diff --git a/test/index.html b/test/index.html index 75522dc..3f65271 100644 --- a/test/index.html +++ b/test/index.html @@ -1,5 +1,6 @@