-
Notifications
You must be signed in to change notification settings - Fork 323
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
buttons from design system, substitute legacy primary by new primary,…
… books page
- Loading branch information
Showing
40 changed files
with
181 additions
and
162 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,45 +1,61 @@ | ||
@layer components { | ||
.btn { | ||
@apply rounded-lg bg-legacy-primary-600 px-5 h-12 font-semibold text-white whitespace-nowrap transition-colors inline-flex items-center justify-center space-x-3 text-base; | ||
@apply rounded bg-primary border border-primary font-normal text-lg text-white whitespace-nowrap transition-colors inline-flex items-center justify-center space-x-3; | ||
} | ||
|
||
.btn:active { | ||
@apply bg-legacy-primary-800; | ||
} | ||
|
||
.btn:hover { | ||
@apply bg-legacy-primary-700; | ||
.btn { | ||
@apply px-7 h-11; | ||
} | ||
|
||
.btn-lg { | ||
@apply px-10 h-14 space-x-4; | ||
@apply px-7 h-16 space-x-4; | ||
} | ||
|
||
.btn-sm { | ||
@apply px-4 h-10 text-sm; | ||
@apply px-5 h-8 text-sm; | ||
} | ||
|
||
.btn:active { | ||
@apply bg-primary_dark; | ||
} | ||
|
||
.btn:hover { | ||
@apply bg-primary_dark border-primary_dark; | ||
} | ||
|
||
.btn-secondary { | ||
@apply bg-transparent border-legacy-primary-600 text-legacy-primary-600 border; | ||
@apply bg-secondary border-secondary; | ||
} | ||
|
||
.btn-secondary:hover { | ||
@apply bg-opacity-5 bg-legacy-primary-600; | ||
@apply bg-secondary_bt_hover border-secondary_bt_hover; | ||
} | ||
|
||
.btn-secondary:active { | ||
@apply bg-opacity-10 bg-legacy-primary-600; | ||
@apply bg-secondary_bt_hover; | ||
} | ||
|
||
.btn-tertiary { | ||
@apply bg-transparent border; | ||
@apply bg-tertiary border-tertiary; | ||
} | ||
|
||
.btn-tertiary:hover { | ||
@apply bg-legacy-default dark:bg-legacy-dark-default bg-opacity-10; | ||
@apply bg-tertiary_bt_hover border-tertiary_bt_hover; | ||
} | ||
|
||
.btn-tertiary:active { | ||
@apply bg-legacy-default dark:bg-legacy-dark-default bg-opacity-20; | ||
@apply bg-tertiary_bt_hover; | ||
} | ||
|
||
.btn-ghost { | ||
@apply bg-transparent border-primary text-primary border text-base font-semibold; | ||
} | ||
|
||
.btn-ghost:hover { | ||
@apply text-white bg-primary border-primary; | ||
} | ||
|
||
.btn-ghost:active { | ||
@apply text-white bg-primary_dark; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.