summaryrefslogtreecommitdiff
path: root/src/components/Button.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Button.module.css')
-rw-r--r--src/components/Button.module.css64
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;
-}