feat: Use border-main (#721)

This commit is contained in:
Aman Harwara
2021-11-05 19:29:54 +05:30
committed by GitHub
parent 54c09b9b49
commit 42b3cf5750
14 changed files with 44 additions and 33 deletions

View File

@@ -4,11 +4,17 @@ export const Title: FunctionComponent = ({ children }) => (
<h2 className="text-base m-0 mb-1">{children}</h2>
);
export const Subtitle: FunctionComponent<{ className?: string }> = ({ children, className = "" }) => (
export const Subtitle: FunctionComponent<{ className?: string }> = ({
children,
className = '',
}) => (
<h4 className={`font-medium text-sm m-0 mb-1 ${className}`}>{children}</h4>
);
export const SubtitleLight: FunctionComponent<{ className?: string }> = ({ children, className = "" }) => (
export const SubtitleLight: FunctionComponent<{ className?: string }> = ({
children,
className = '',
}) => (
<h4 className={`font-normal text-sm m-0 mb-1 ${className}`}>{children}</h4>
);
@@ -19,7 +25,7 @@ export const Text: FunctionComponent<{ className?: string }> = ({
const buttonClasses = `block bg-default color-text rounded border-solid \
border-1 px-4 py-1.75 font-bold text-sm fit-content \
focus:bg-contrast hover:bg-contrast border-neutral`;
focus:bg-contrast hover:bg-contrast border-main`;
export const LinkButton: FunctionComponent<{
label: string;