diff options
Diffstat (limited to 'FrontEnd/src/views/common/button/FlatButton.css')
| -rw-r--r-- | FrontEnd/src/views/common/button/FlatButton.css | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/FrontEnd/src/views/common/button/FlatButton.css b/FrontEnd/src/views/common/button/FlatButton.css index 01eabca9..f9a7d772 100644 --- a/FrontEnd/src/views/common/button/FlatButton.css +++ b/FrontEnd/src/views/common/button/FlatButton.css @@ -1,18 +1,27 @@ .cru-flat-button {
- cursor: pointer;
- padding: 0.2em 0.5em;
+ font-size: 1rem;
+ padding: 0.4em 0.8em;
+ transition: all 0.5s;
border-radius: 0.2em;
- border: none;
- background-color: transparent;
- transition: all 0.6s;
- color: var(--cru-theme-color);
+ background-color: var(--cru-surface-color);
+ border: 1px none;
+ color: var(--cru-key-color);
+ cursor: pointer;
}
-.cru-flat-button.disabled {
- color: var(--cru-disabled-color);
- cursor: default;
+.cru-flat-button:hover {
+ filter: brightness(var(--cru-hover-darkness));
}
-.cru-flat-button:hover:not(.disabled) {
- background-color: #e9ecef;
+.cru-flat-button:focus {
+ filter: brightness(var(--cru-focus-darkness));
}
+
+.cru-flat-button:active {
+ filter: brightness(var(--cru-press-darkness));
+}
+
+.cru-flat-button.disabled {
+ color: var(--cru-disabled-color);
+ cursor: auto;
+}
\ No newline at end of file |