diff options
| author | crupest <crupest@outlook.com> | 2023-07-19 18:26:00 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-07-19 18:26:00 +0800 |
| commit | adc91a81fe53fdbc3d63065baa0b56862c104824 (patch) | |
| tree | 6dc610d24c231186b81eb01f3b56f24e6660a1c3 /FrontEnd/src/views/common/button/IconButton.css | |
| parent | d712d3847506c5c2df62f741d9d2cb91e34f6bfd (diff) | |
| download | timeline-adc91a81fe53fdbc3d63065baa0b56862c104824.tar.gz timeline-adc91a81fe53fdbc3d63065baa0b56862c104824.tar.bz2 timeline-adc91a81fe53fdbc3d63065baa0b56862c104824.zip | |
AppBar done!
Diffstat (limited to 'FrontEnd/src/views/common/button/IconButton.css')
| -rw-r--r-- | FrontEnd/src/views/common/button/IconButton.css | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/FrontEnd/src/views/common/button/IconButton.css b/FrontEnd/src/views/common/button/IconButton.css index 25c5f84c..a1ac67f7 100644 --- a/FrontEnd/src/views/common/button/IconButton.css +++ b/FrontEnd/src/views/common/button/IconButton.css @@ -3,8 +3,49 @@ font-size: 1.4rem; background: none; border: none; + transition: all 0.5s; + cursor: pointer; + user-select: none; +} + +.cru-icon-button:hover { + color: var(--cru-key-1-color); +} + +.cru-icon-button:focus { + color: var(--cru-key-1-color); +} + +.cru-icon-button:active { + color: var(--cru-key-2-color); +} + +.cru-flat-button:disabled { + color: var(--cru-surface-on-color); + cursor: auto; } .cru-icon-button.large { font-size: 1.6rem; } + +.cru-icon-button.on-surface { + color: var(--cru-surface-color); +} + +.cru-icon-button.on-surface:hover { + color: var(--cru-surface-1-color); +} + +.cru-icon-button.on-surface:focus { + color: var(--cru-surface-1-color); +} + +.cru-icon-button.on-surface:active { + color: var(--cru-surface-2-color); +} + +.cru-flat-button.on-surface:disabled { + color: var(--cru-surface-on-color); + cursor: auto; +}
\ No newline at end of file |