style(static/css): add new utility classes and tracking variable
This update introduces new utility classes and a tracking variable to enhance styling capabilities in the Tailwind CSS configuration. **New Features:** - Added `--tracking-wide` CSS variable for letter spacing control - Introduced `.tracking-wide` utility class for consistent letter spacing - Added `.link-hover` utility class with hover state styling for links **Enhancements & Refinements:** - Added `.pt-4` padding utility class for top padding control ```
This commit is contained in:
1 file changed
+18
@@ -33,6 +33,7 @@
|
||||
--font-weight-medium: 500;
|
||||
--font-weight-semibold: 600;
|
||||
--font-weight-bold: 700;
|
||||
--tracking-wide: 0.025em;
|
||||
--tracking-wider: 0.05em;
|
||||
--radius-md: 0.375rem;
|
||||
--radius-lg: 0.5rem;
|
||||
@@ -2372,6 +2373,9 @@
|
||||
.py-10 {
|
||||
padding-block: calc(var(--spacing) * 10);
|
||||
}
|
||||
.pt-4 {
|
||||
padding-top: calc(var(--spacing) * 4);
|
||||
}
|
||||
.pt-20 {
|
||||
padding-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
@@ -2456,6 +2460,10 @@
|
||||
--tw-font-weight: var(--font-weight-semibold);
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
.tracking-wide {
|
||||
--tw-tracking: var(--tracking-wide);
|
||||
letter-spacing: var(--tracking-wide);
|
||||
}
|
||||
.tracking-wider {
|
||||
--tw-tracking: var(--tracking-wider);
|
||||
letter-spacing: var(--tracking-wider);
|
||||
@@ -2524,6 +2532,16 @@
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.link-hover {
|
||||
@layer daisyui.l1.l2 {
|
||||
text-decoration-line: none;
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.opacity-50 {
|
||||
opacity: 50%;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user