diff --git a/src/components/Popover.vue b/src/components/Popover.vue index ae1d9a8..7c38137 100644 --- a/src/components/Popover.vue +++ b/src/components/Popover.vue @@ -36,7 +36,7 @@ export default { } }, destroyed() { - window.removeEventListener('keyup') + window.removeEventListener('keyup', this.arrowNavigation) document.ontouchmove = function (e) { return true; }; diff --git a/src/scss/buttons.scss b/src/scss/buttons.scss new file mode 100644 index 0000000..ba54511 --- /dev/null +++ b/src/scss/buttons.scss @@ -0,0 +1,30 @@ +.button { + -webkit-appearance: none; + -webkit-backface-visibility: none; + border: 2.5px solid #c91119; + border-radius: 3px; + // color: rgb(255, 255, 255); + background-color: white; + color: #c91119; + cursor: pointer; + font-size: 14px; + font-weight: 600; + height: 42px; + letter-spacing: 1px; + line-height: 14px; + margin-left: -10px; + padding: 0 1rem; + text-transform: uppercase; + transition-delay: 0s; + transition-duration: 0.1s; + transition-property: opacity; + transition-timing-function: linear; + vertical-align: baseline; + white-space: pre; + writing-mode: horizontal-tb; + + &:hover, &:active, &:focus { + color: white; + background-color: #c91119; + } +} \ No newline at end of file