| Index: sky/framework/sky-checkbox/sky-checkbox.sky
|
| diff --git a/sky/framework/sky-checkbox/sky-checkbox.sky b/sky/framework/sky-checkbox/sky-checkbox.sky
|
| deleted file mode 100644
|
| index 766f2354f593d6fe330710e5cd616b4972d38814..0000000000000000000000000000000000000000
|
| --- a/sky/framework/sky-checkbox/sky-checkbox.sky
|
| +++ /dev/null
|
| @@ -1,73 +0,0 @@
|
| -<!--
|
| -// Copyright 2014 The Chromium Authors. All rights reserved.
|
| -// Use of this source code is governed by a BSD-style license that can be
|
| -// found in the LICENSE file.
|
| --->
|
| -<import src="/sky/framework/sky-button/sky-button.sky" as="SkyButton" />
|
| -
|
| -<sky-element
|
| - name="sky-checkbox"
|
| - attributes="checked:boolean"
|
| - on-click="handleClick">
|
| -<template>
|
| - <style>
|
| - :host {
|
| - display: flex;
|
| - justify-content: center;
|
| - align-items: center;
|
| - -webkit-user-select: none;
|
| - cursor: pointer;
|
| - width: 30px;
|
| - height: 30px;
|
| - }
|
| - #container {
|
| - border: solid 2px;
|
| - border-color: rgba(90, 90, 90, 0.25);
|
| - width: 10px;
|
| - height: 10px;
|
| - }
|
| - #container.highlight {
|
| - border-radius: 10px;
|
| - background-color: orange;
|
| - border-color: orange;
|
| - }
|
| - #check {
|
| - top: 0px;
|
| - left: 0px;
|
| - }
|
| - #check.checked {
|
| - transform: translate(2px, -15px) rotate(45deg);
|
| - width: 10px;
|
| - height: 20px;
|
| - border-style: solid;
|
| - border-top: none;
|
| - border-left: none;
|
| - border-right-width: 2px;
|
| - border-bottom-width: 2px;
|
| - border-color: #0f9d58;
|
| - }
|
| - </style>
|
| - <div id="container" class="{{ containerStyle }}">
|
| - <div id="check" class="{{ checkStyle }}" />
|
| - </div>
|
| -</template>
|
| -<script>
|
| -module.exports = class extends SkyButton {
|
| - created() {
|
| - super.created();
|
| -
|
| - this.containerStyle = '';
|
| - this.checkStyle = '';
|
| - }
|
| - checkedChanged(oldValue, newValue) {
|
| - this.checkStyle = newValue ? 'checked' : '';
|
| - }
|
| - highlightChanged(oldValue, newValue) {
|
| - this.containerStyle = newValue ? 'highlight' : '';
|
| - }
|
| - handleClick() {
|
| - this.checked = !this.checked;
|
| - }
|
| -}.register();
|
| -</script>
|
| -</sky-element>
|
|
|