diff options
| author | crupest <crupest@outlook.com> | 2021-06-26 19:54:24 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-06-26 19:54:24 +0800 |
| commit | c3f17f1dd1099c244e36d09b14c3e131d703830e (patch) | |
| tree | 9f6b58f3bf16bcd119f22475625464537aa2b42b /FrontEnd/src/views/common/button/Button.css | |
| parent | a168336c0761b263ee5371218cbf6da236c0acce (diff) | |
| download | timeline-c3f17f1dd1099c244e36d09b14c3e131d703830e.tar.gz timeline-c3f17f1dd1099c244e36d09b14c3e131d703830e.tar.bz2 timeline-c3f17f1dd1099c244e36d09b14c3e131d703830e.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/button/Button.css')
| -rw-r--r-- | FrontEnd/src/views/common/button/Button.css | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css index e69de29b..b6df222f 100644 --- a/FrontEnd/src/views/common/button/Button.css +++ b/FrontEnd/src/views/common/button/Button.css @@ -0,0 +1,72 @@ +.cru-button {
+ color: white;
+ cursor: pointer;
+ padding: 0.2em 0.5em;
+ border-radius: 0.2em;
+ border: none;
+ transition: all 0.6s;
+}
+
+.cru-button.primary {
+ background-color: var(--tl-primary-color);
+}
+
+.cru-button.primary:hover {
+ background-color: var(--tl-primary-f1-color);
+}
+
+.cru-button.primary:active {
+ background-color: var(--tl-primary-f2-color);
+}
+
+.cru-button.primary.disabled {
+ background-color: var(--tl-primary-f3-color);
+}
+
+.cru-button.secondary {
+ background-color: var(--tl-secondary-color);
+}
+
+.cru-button.secondary:hover {
+ background-color: var(--tl-secondary-f1-color);
+}
+
+.cru-button.secondary:active {
+ background-color: var(--tl-secondary-f2-color);
+}
+
+.cru-button.secondary.disabled {
+ background-color: var(--tl-secondary-f3-color);
+}
+
+.cru-button.success {
+ background-color: var(--tl-success-color);
+}
+
+.cru-button.success:hover {
+ background-color: var(--tl-success-f1-color);
+}
+
+.cru-button.success:active {
+ background-color: var(--tl-success-f2-color);
+}
+
+.cru-button.success.disabled {
+ background-color: var(--tl-success-f3-color);
+}
+
+.cru-button.danger {
+ background-color: var(--tl-danger-color);
+}
+
+.cru-button.danger:hover {
+ background-color: var(--tl-danger-f1-color);
+}
+
+.cru-button.danger:active {
+ background-color: var(--tl-danger-f2-color);
+}
+
+.cru-button.danger.disabled {
+ background-color: var(--tl-danger-f3-color);
+}
|