padloc/app/src/components/lock/lock.html

46 lines
1.6 KiB
HTML

<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../styles/shared-styles.html">
<link rel="import" href="lock-styles.html">
<dom-module id="padlock-lock">
<template>
<style include="shared-styles"></style>
<style include="lock-styles"></style>
<svg width="1000px" height="1000px" viewBox="0 0 731 731">
<rect x="0" y="360" width="731" height="800" rx="80"></rect>
<path class="bolt" d="M73.4299927,378.709991 L73.4299927,293.377203 C73.4299927,131.746976 204.385767,0.709991455 365.929993,0.709991455 C527.474799,0.709991455 658.429993,131.746721 658.429993,293.377203 L658.429993,422.240866 L538.34172,422.240866 L538.34172,293.377203 C538.34172,198.084241 461.144179,120.838635 365.929993,120.838635 C270.71632,120.838635 193.518266,198.084563 193.518266,293.377203 L193.518266,455.709991 L193.429993,455.709991 L193.429993,608.709991 L73.4299927,608.709991 L73.4299927,378.709991 Z"></path>
</svg>
</template>
<script>
/* global Polymer */
(function(Polymer) {
"use strict";
Polymer({
is: "padlock-lock",
properties: {
unlocked: {
type: Boolean,
value: false,
reflectToAttribute: true
},
expanded: {
type: Boolean,
value: false,
reflectToAttribute: true
}
}
});
})(Polymer);
</script>
</dom-module>