Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Commit

Permalink
polymer-ui-card
Browse files Browse the repository at this point in the history
  • Loading branch information
frankiefu committed Aug 22, 2013
1 parent 9564099 commit 7fe1a63
Show file tree
Hide file tree
Showing 3 changed files with 71 additions and 0 deletions.
27 changes: 27 additions & 0 deletions polymer-ui-card/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!doctype html>
<!--
Copyright 2013 The Polymer Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->
<html>
<head>
<title>Cards</title>
<script src="../../polymer/polymer.js"></script>
<link rel="import" href="polymer-ui-card.html">
<style>
polymer-ui-card {
display: block;
height: 300px;
margin: 20px 10px;
}
</style>
</head>
<body style="background: #eee;">
<polymer-ui-card></polymer-ui-card>
<polymer-ui-card></polymer-ui-card>
<polymer-ui-card></polymer-ui-card>
<polymer-ui-card></polymer-ui-card>
<polymer-ui-card></polymer-ui-card>
</body>
</html>
13 changes: 13 additions & 0 deletions polymer-ui-card/polymer-ui-card.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
/*
Copyright 2013 The Polymer Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
*/

@host {
* {
background-color: #fff;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.098) 0px 2px 4px, rgba(0, 0, 0, 0.098) 0px 0px 3px;
}
}
31 changes: 31 additions & 0 deletions polymer-ui-card/polymer-ui-card.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!--
Copyright 2013 The Polymer Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->

<!--
/**
* @module Polymer UI Elements
*/
/**
* polymer-ui-card <b>(WIP)</b>
*
* Example:
*
* <polymer-ui-card>
* ...
* </polymer-ui-card>
*
* @class polymer-ui-card
*/
-->
<polymer-element name="polymer-ui-card">
<template>
<link rel="stylesheet" href="polymer-ui-card.css">
<content></content>
</template>
<script>
Polymer('polymer-ui-card');
</script>
</polymer-element>

0 comments on commit 7fe1a63

Please sign in to comment.