refactor: migrate legacy color classes to inline tailwind text utilities
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
This commit is contained in:
@@ -105,11 +105,12 @@ const clickItem = (item) => {
|
||||
}
|
||||
|
||||
.text-color {
|
||||
color: $text-color-900;
|
||||
color: $text-[#0B5C2D];
|
||||
}
|
||||
|
||||
.underline-text {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: $text-color-400;
|
||||
text-decoration-color: $text-[#35F37F];
|
||||
color: $text-color-400;
|
||||
}
|
||||
|
||||
@@ -128,11 +129,10 @@ const clickItem = (item) => {
|
||||
}
|
||||
|
||||
.noMessage-text {
|
||||
color: $text-color-900;
|
||||
color: $text-[#0B5C2D];
|
||||
line-height: 16px;
|
||||
white-space: normal;
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user