www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

removed Li function for styling list elements, styled in css module

This commit is contained in:
Linna Luo 2021-06-20 17:17:05 -04:00
parent ff3a3d57a2
commit 1195a5dc56
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pages/about/about-us.module.css
View File

@ -11,6 +11,11 @@
margin-top: 5rem;
}
.headings li {
font-size: 16px;
color: black;
}
.text {
font-size: 16px;
color: black;

6
pages/about/about-us.tsx
View File

@ -6,7 +6,7 @@ import { Button } from "../../components/Button";
export default function AboutUs() {
return (
<MDXProvider components={{ h2: H2, p: Text, li: Li, div: Div }}>
<MDXProvider components={{ h2: H2, p: Text, div: Div }}>
<h1 className={styles.title}>About Us!</h1>
<div className={styles.codey}>{AboutUsCodey()}</div>
<div className={styles.headings}>
@ -37,10 +37,6 @@ function Text(props: HTMLAttributes<HTMLParagraphElement>) {
return <p {...props} className={styles.text} />;
}
function Li(props: HTMLAttributes<HTMLHeadingElement>) {
return <li {...props} className={styles.text} />;
}
function Div(props: HTMLAttributes<HTMLHeadingElement>) {
return <div {...props} className={styles.bubble} />;
}