diff options
author | Adrián Oliva <adrian.oliva@cimat.mx> | 2023-05-17 10:50:12 -0600 |
---|---|---|
committer | Adrián Oliva <adrian.oliva@cimat.mx> | 2023-05-17 10:50:12 -0600 |
commit | f929e5156cb1941beb2f5329e7b9b8fae4c7691b (patch) | |
tree | f588c13de3e31d4eecfc1cbbe15d403fd46f42b2 /src/features/counter/Counter.module.css | |
parent | 17c1d3d2070ee0c060c3e71a9e5868f004b2b034 (diff) | |
download | ToDo-App-FE-f929e5156cb1941beb2f5329e7b9b8fae4c7691b.tar.gz ToDo-App-FE-f929e5156cb1941beb2f5329e7b9b8fae4c7691b.zip |
Modified to be minimal.
Diffstat (limited to 'src/features/counter/Counter.module.css')
-rw-r--r-- | src/features/counter/Counter.module.css | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/src/features/counter/Counter.module.css b/src/features/counter/Counter.module.css deleted file mode 100644 index 9e70f8e..0000000 --- a/src/features/counter/Counter.module.css +++ /dev/null @@ -1,78 +0,0 @@ -.row { - display: flex; - align-items: center; - justify-content: center; -} - -.row > button { - margin-left: 4px; - margin-right: 8px; -} -.row:not(:last-child) { - margin-bottom: 16px; -} - -.value { - font-size: 78px; - padding-left: 16px; - padding-right: 16px; - margin-top: 2px; - font-family: "Courier New", Courier, monospace; -} - -.button { - appearance: none; - background: none; - font-size: 32px; - padding-left: 12px; - padding-right: 12px; - outline: none; - border: 2px solid transparent; - color: rgb(112, 76, 182); - padding-bottom: 4px; - cursor: pointer; - background-color: rgba(112, 76, 182, 0.1); - border-radius: 2px; - transition: all 0.15s; -} - -.textbox { - font-size: 32px; - padding: 2px; - width: 64px; - text-align: center; - margin-right: 4px; -} - -.button:hover, -.button:focus { - border: 2px solid rgba(112, 76, 182, 0.4); -} - -.button:active { - background-color: rgba(112, 76, 182, 0.2); -} - -.asyncButton { - composes: button; - position: relative; -} - -.asyncButton:after { - content: ""; - background-color: rgba(112, 76, 182, 0.15); - display: block; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - opacity: 0; - transition: width 1s linear, opacity 0.5s ease 1s; -} - -.asyncButton:active:after { - width: 0%; - opacity: 1; - transition: 0s; -} |