38 lines
688 B
TypeScript
38 lines
688 B
TypeScript
import { createStyle } from '@gluestack-style/react';
|
|
|
|
export const Link = createStyle({
|
|
_web: {
|
|
'outlineWidth': 0,
|
|
':disabled': {
|
|
cursor: 'not-allowed',
|
|
},
|
|
':focusVisible': {
|
|
outlineWidth: 2,
|
|
outlineColor: '$primary700',
|
|
outlineStyle: 'solid',
|
|
_dark: {
|
|
outlineColor: '$primary400',
|
|
},
|
|
},
|
|
},
|
|
_text: {
|
|
':hover': {
|
|
color: '$info600',
|
|
textDecorationLine: 'none',
|
|
},
|
|
':active': {
|
|
color: '$info700',
|
|
},
|
|
':disabled': {
|
|
opacity: 0.4,
|
|
},
|
|
'_dark': {
|
|
':hover': {
|
|
color: '$info400',
|
|
},
|
|
':active': {
|
|
color: '$info300',
|
|
},
|
|
},
|
|
},
|
|
});
|