feat: move to tabler icons
This commit is contained in:
parent
d7a07bdd9b
commit
4b6c333d5c
30 changed files with 90 additions and 137 deletions
58
tailwind.css
58
tailwind.css
|
@ -2,46 +2,25 @@
|
|||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
/*noinspection Annotator*/
|
||||
::-moz-selection {
|
||||
color: theme(colors.white);
|
||||
background: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
/*noinspection Annotator*/
|
||||
::selection {
|
||||
color: theme(colors.white);
|
||||
background: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
.toggle-light {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.dark .toggle-light {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.toggle-dark {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.dark .toggle-dark {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.icon-inline svg {
|
||||
@apply inline;
|
||||
}
|
||||
|
||||
.active {
|
||||
.active,
|
||||
.active svg {
|
||||
color: theme(colors.purple.600) !important;
|
||||
}
|
||||
|
||||
.dark .active {
|
||||
color: theme(colors.purple.400) !important;
|
||||
}
|
||||
|
||||
.active:hover,
|
||||
.active:active,
|
||||
.active:focus {
|
||||
|
@ -65,11 +44,6 @@ a,
|
|||
color: theme(colors.purple.600);
|
||||
}
|
||||
|
||||
.dark a,
|
||||
.dark .prose a {
|
||||
color: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active,
|
||||
|
@ -123,4 +97,32 @@ pre {
|
|||
.tag--button:active,
|
||||
.tag--button:focus {
|
||||
background: theme(colors.purple.500);
|
||||
}
|
||||
|
||||
.link--icon svg {
|
||||
color: theme(colors.gray.700)
|
||||
}
|
||||
|
||||
.link--icon:hover svg {
|
||||
color: theme(colors.purple.500)
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.active,
|
||||
.active svg {
|
||||
color: theme(colors.purple.400) !important;
|
||||
}
|
||||
|
||||
a,
|
||||
.prose a {
|
||||
color: theme(colors.purple.400);
|
||||
}
|
||||
|
||||
.link--icon svg {
|
||||
color: theme(colors.gray.200)
|
||||
}
|
||||
|
||||
.link--icon:hover svg {
|
||||
color: theme(colors.purple.500)
|
||||
}
|
||||
}
|
Reference in a new issue