gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(ui-components): add info variant and hover state to Button component (#45541)

Browse Source 
* add info variant

* add styling for hover state

* feat: add info variant

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
This commit is contained in:
Huyen Nguyen
2022-04-01 01:54:06 +07:00
committed by GitHub
parent a3a8b8cb5e
commit 791b8b527b
5 changed files with 59 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
tools/ui-components/tailwind.config.js
View File

@ -11,16 +11,32 @@ module.exports = {
transparent: 'transparent',
'dark-theme-background': 'var(--gray90)',
'light-theme-background': 'var(--gray00)',
// Foreground
'default-foreground-primary': 'var(--default-foreground-primary)',
'default-foreground-secondary': 'var(--default-foreground-secondary)',
'default-foreground-tertiary': 'var(--default-foreground-tertiary)',
'default-foreground-quaternary': 'var(--default-foreground-quaternary)',
'default-foreground-danger': 'var(--default-foreground-danger)',
'default-foreground-info': 'var(--default-foreground-info)',
// Background
'default-background-primary': 'var(--default-background-primary)',
'default-background-secondary': 'var(--default-background-secondary)',
'default-background-tertiary': 'var(--default-background-tertiary)',
'default-background-quaternary': 'var(--default-background-quaternary)',
'default-background-danger': 'var(--default-background-danger)',
'default-background-info': 'var(--default-background-info)',
// Foreground hover
'default-foreground-primary-hover':
'var(--default-foreground-primary-hover)',
'default-foreground-danger-hover':
'var(--default-foreground-danger-hover)',
'default-foreground-info-hover': 'var(--default-foreground-info-hover)',
// Background hover
'default-background-primary-hover':
'var(--default-background-primary-hover)',
'default-background-danger-hover':
'var(--default-background-danger-hover)',
'default-background-info-hover': 'var(--default-background-info-hover)',
green: {
50: 'var(--green05)',
100: 'var(--green10)',