diff --git a/README.md b/README.md index 0cc3f514..05fd89fb 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ [![](https://img.shields.io/badge/discord--chat-join-green.svg?longCache=true&style=flat-square&colorB=7289DA&logo=discord)](http://franciscohodge.com/simple-keyboard/chat/join) - + > The easily customisable and responsive on-screen virtual keyboard for Javascript projects. diff --git a/package.json b/package.json index 047d6b0d..792495e8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "simple-keyboard", - "version": "2.6.1", + "version": "2.6.2", "description": "On-screen Javascript Virtual Keyboard", "main": "build/index.js", "scripts": { diff --git a/src/demo/css/FullKeyboardDemo.css b/src/demo/css/FullKeyboardDemo.css deleted file mode 100644 index b9ce1365..00000000 --- a/src/demo/css/FullKeyboardDemo.css +++ /dev/null @@ -1,116 +0,0 @@ -input { - width: 100%; - height: 100px; - padding: 20px; - font-size: 20px; - border: none; - box-sizing: border-box; -} - -.keyboardContainer { - display: flex; - background-color: rgba(0, 0, 0, 0.1); - justify-content: center; - width: 1024px; - margin: 0 auto; - border-radius: 5px; -} - -.simple-keyboard.hg-theme-default { - display: inline-block; -} - -.simple-keyboard-main.simple-keyboard { - width: 640px; - min-width: 640px; - background: none; -} - -.simple-keyboard-main.simple-keyboard .hg-row:first-child { - margin-bottom: 10px; -} - -.simple-keyboard-arrows.simple-keyboard { - align-self: flex-end; - background: none; -} - -.simple-keyboard .hg-button.hg-selectedButton { - background: rgba(5, 25, 70, 0.53); - color: white; -} - -.simple-keyboard .hg-button.emptySpace { - pointer-events: none; - background: none; - border: none; - box-shadow: none; -} - -.simple-keyboard-arrows .hg-row { - justify-content: center; -} - -.simple-keyboard-arrows .hg-button { - width: 50px; - flex-grow: 0; - justify-content: center; - display: flex; - align-items: center; -} - -.controlArrows { - display: flex; - align-items: center; - justify-content: space-between; - flex-flow: column; -} - -.simple-keyboard-control.simple-keyboard { - background: none; -} - -.simple-keyboard-control.simple-keyboard .hg-row:first-child { - margin-bottom: 10px; -} - -.simple-keyboard-control .hg-button { - width: 50px; - flex-grow: 0; - justify-content: center; - display: flex; - align-items: center; -} - -.numPad { - display: flex; - align-items: flex-end; -} - -.simple-keyboard-numpad.simple-keyboard { - background: none; -} - -.simple-keyboard-numpad.simple-keyboard { - width: 160px; -} - -.simple-keyboard-numpad.simple-keyboard .hg-button { - width: 50px; - justify-content: center; - display: flex; - align-items: center; -} - -.simple-keyboard-numpadEnd.simple-keyboard { - width: 50px; - background: none; - margin: 0; - padding: 5px 5px 5px 0; -} - -.simple-keyboard-numpadEnd.simple-keyboard .hg-button { - align-items: center; - justify-content: center; - display: flex; -} \ No newline at end of file diff --git a/src/demo/css/MultipleInputsDemo.css b/src/demo/css/MultipleInputsDemo.css deleted file mode 100644 index 37666768..00000000 --- a/src/demo/css/MultipleInputsDemo.css +++ /dev/null @@ -1,42 +0,0 @@ -#root { - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - max-width: 850px; - margin: 0 auto; - padding-top: 20px; -} - -#root .screenContainer { - background: rgba(0,0,0,0.8); - border: 20px solid; - height: 300px; - border-top-right-radius: 5px; - border-top-left-radius: 5px; - padding: 10px; - box-sizing: border-box; -} - -#root .inputContainer { - color: white; - background: transparent; - border: none; - outline: none; - font-family: monospace; - width: 100%; - height: 100%; -} - -.simple-keyboard.hg-layout-custom { - border-top-left-radius: 0px; - border-top-right-radius: 0px; -} - -input { - padding: 10px; - margin: 10px 0; - width: 100%; - box-sizing: border-box; -} - -label { - display: block; -} \ No newline at end of file