diff options
Diffstat (limited to 'src/components/Button.module.css')
| -rw-r--r-- | src/components/Button.module.css | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/src/components/Button.module.css b/src/components/Button.module.css deleted file mode 100644 index 3046d0c..0000000 --- a/src/components/Button.module.css +++ /dev/null @@ -1,64 +0,0 @@ -.btn { - -webkit-appearance: none; - outline: none; - user-select: none; - position: relative; - cursor: pointer; - display: inline-flex; - align-items: center; - justify-content: center; - color: var(--color-btn-fg); - background: var(--color-btn-bg); - border: 1px solid #555; - border-radius: 100px; - &:focus { - border-color: var(--color-focus-blue); - } - &:hover { - background: #387cec; - border: 1px solid #387cec; - color: #fff; - } - &:active { - transform: scale(0.97); - } - - font-size: 0.85em; - padding: 4px 7px; - @media (--breakpoint-not-small) { - font-size: 1em; - padding: 6px 12px; - } - - &.minimal { - border-color: transparent; - background: none; - &:focus { - border-color: var(--color-focus-blue); - } - &:hover { - color: #fff; - background: #387cec; - border: 1px solid #387cec; - } - } -} - -.btn:disabled { - opacity: 0.5; -} - -.btnStart { - margin-right: 5px; - display: inline-flex; - align-items: center; - justify-content: center; -} - -.loadingContainer { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - display: inline-flex; -} |
