diff options
| author | crupest <crupest@outlook.com> | 2021-07-01 20:38:28 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-01 20:38:28 +0800 |
| commit | eb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c (patch) | |
| tree | 5afe2d654a51c8712aa30a419f6edfa19fe1a234 /FrontEnd/src/index.css | |
| parent | 825aac426d87180e62530321320fbb012efbd897 (diff) | |
| parent | b456334cedad566bf2c4c66481ec928dc59eda7d (diff) | |
| download | timeline-eb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c.tar.gz timeline-eb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c.tar.bz2 timeline-eb306e98fb94fdfbced7b7e91ffb3d85ecb28c2c.zip | |
Merge pull request #649 from crupest/drop-bootstrap
Drop bootstrap!!!
Diffstat (limited to 'FrontEnd/src/index.css')
| -rw-r--r-- | FrontEnd/src/index.css | 100 |
1 files changed, 29 insertions, 71 deletions
diff --git a/FrontEnd/src/index.css b/FrontEnd/src/index.css index 9b9956a9..22166a33 100644 --- a/FrontEnd/src/index.css +++ b/FrontEnd/src/index.css @@ -1,46 +1,11 @@ -:root {
- --tl-background-color: #f8f9fa;
-
- --tl-primary-color: rgb(0, 123, 255);
- --tl-primary-inactive-color: rgb(26, 136, 255);
- --tl-primary-lighter-color: rgb(26, 136, 255);
- --tl-primary-darker-color: rgb(0, 111, 230);
- --tl-primary-enhance-color: rgb(77, 163, 255);
- --tl-primary-enhance-inactive-color: rgb(43, 145, 255);
- --tl-primary-enhance-lighter-color: rgb(94, 172, 255);
- --tl-primary-enhance-darker-color: rgb(43, 145, 255);
- --tl-secondary-color: rgb(255, 0, 250);
- --tl-secondary-inactive-color: rgb(255, 26, 251);
- --tl-secondary-lighter-color: rgb(255, 26, 251);
- --tl-secondary-darker-color: rgb(230, 0, 225);
- --tl-text-primary-color: rgb(17, 17, 17);
- --tl-text-primary-inactive-color: rgb(41, 41, 41);
- --tl-text-primary-lighter-color: rgb(41, 41, 41);
- --tl-text-primary-darker-color: rgb(15, 15, 15);
- --tl-text-on-primary-color: rgb(255, 255, 255);
- --tl-text-on-primary-inactive-color: rgb(230, 230, 230);
- --tl-text-on-primary-lighter-color: rgb(255, 255, 255);
- --tl-text-on-primary-darker-color: rgb(230, 230, 230);
- --tl-danger-color: rgb(255, 0, 0);
- --tl-danger-inactive-color: rgb(255, 26, 26);
- --tl-danger-lighter-color: rgb(255, 26, 26);
- --tl-danger-darker-color: rgb(230, 0, 0);
- --tl-success-color: rgb(0, 128, 0);
- --tl-success-inactive-color: rgb(0, 166, 0);
- --tl-success-lighter-color: rgb(0, 166, 0);
- --tl-success-darker-color: rgb(0, 115, 0);
-}
-
-body {
- background: var(--tl-background-color);
-}
+@import "bootstrap/dist/css/bootstrap-reboot.css";
+@import "bootstrap/dist/css/bootstrap-grid.css";
+@import "bootstrap-icons/font/bootstrap-icons.css";
-.tl-color-primary {
- color: var(--tl-primary-color);
-}
+@import "./views/common/index.css";
-.tl-color-danger {
- color: var(--tl-danger-color);
+body {
+ background: var(--cru-background-color);
}
small {
@@ -52,40 +17,41 @@ small { flex-shrink: 0;
}
-.avatar {
- width: 60px;
- height: 60px;
-}
-
-.avatar.large {
- width: 100px;
- height: 100px;
+.cursor-pointer {
+ cursor: pointer;
}
-.avatar.small {
- width: 40px;
- height: 40px;
+textarea {
+ resize: none;
+ outline: none;
+ border-color: var(--cru-background-2-color);
}
-.icon-button {
- font-size: 1.4rem;
- cursor: pointer;
+textarea:hover {
+ border-color: var(--cru-primary-r2-color);
}
-.icon-button.large {
- font-size: 1.6rem;
+textarea:focus {
+ border-color: var(--cru-primary-color);
}
-.icon-button.primary-enhance {
- color: var(--tl-primary-enhance-color);
+input,
+input[type="text"] {
+ resize: none;
+ outline: none;
+ border: 1px solid;
+ transition: all 0.5s;
+ border-color: var(--cru-background-2-color);
}
-.cursor-pointer {
- cursor: pointer;
+input:hover,
+input:hover[type="text"] {
+ border-color: var(--cru-primary-r2-color);
}
-textarea {
- resize: none;
+input:focus,
+input:focus[type="text"] {
+ border-color: var(--cru-primary-color);
}
.white-space-no-wrap {
@@ -101,14 +67,6 @@ textarea { align-items: center;
}
-.text-orange {
- color: #fd7e14;
-}
-
-.text-yellow {
- color: #ffc107;
-}
-
.touch-action-none {
touch-action: none;
}
|