Improve design system
This commit is contained in:
@@ -79,6 +79,19 @@
|
||||
font-weight: var(--font-bold);
|
||||
color: var(--color-gray-900);
|
||||
}
|
||||
|
||||
/* Fixed secondary button for light backgrounds */
|
||||
.btn-secondary-alt {
|
||||
background-color: transparent;
|
||||
color: var(--color-gray-700);
|
||||
border: 2px solid var(--color-gray-300);
|
||||
}
|
||||
|
||||
.btn-secondary-alt:hover {
|
||||
background-color: var(--color-gray-100);
|
||||
color: var(--color-gray-900);
|
||||
border-color: var(--color-gray-400);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -238,7 +251,7 @@
|
||||
<i data-lucide="calendar"></i>
|
||||
Bouton Principal
|
||||
</button>
|
||||
<button class="btn btn-secondary">
|
||||
<button class="btn btn-secondary-alt">
|
||||
<i data-lucide="user-plus"></i>
|
||||
Bouton Secondaire
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user