www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Code review fixes

This commit is contained in:
Jared He 2022-09-07 20:40:28 -04:00
parent bdfaa0372b
commit de4c5fd353
2 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
pages/_app.css
View File

@ -66,45 +66,51 @@ body {
color: var(--primary-text);
font-family: "Inconsolata", monospace;
margin: 0;
}
/* Major section headings (e.g. About the Programs) */
h1 {
font-size: calc(48rem / 16);
color: var(--primary-heading);
/* Font styling for body */
font-size: calc(22rem / 16);
font-weight: 500;
}
/* Page titles (e.g. Demographics) */
h2 {
h1 {
font-size: calc(56rem / 16);
color: var(--primary-accent-lighter);
margin-top: calc(32rem / 16);
margin-bottom: calc(16rem / 16);
}
/* Major section headings (e.g. About the Programs) */
h2 {
font-size: calc(48rem / 16);
color: var(--primary-heading);
margin-top: calc(32rem / 16);
margin-bottom: calc(16rem / 16);
}
/* Minor section headings & questions (e.g. What Program Are You In?) */
h3 {
font-size: calc(36rem / 16);
color: var(--secondary-heading);
margin-top: calc(24rem / 16);
margin-bottom: calc(16rem / 16);
}
/* Titles within paragraphs (e.g. About the Programs -> Computer Science)*/
h4 {
font-size: calc(24rem / 16);
color: var(--secondary-heading);
}
h5,
h6 {
color: var(--secondary-heading);
margin-top: calc(24rem / 16);
margin-bottom: calc(8rem / 16);
}
p {
font-size: calc(22rem / 16);
color: var(--primary-text)
color: var(--primary-text);
margin-top: 1rem;
margin-bottom: 1rem;
}
a {
font-size: calc(24rem / 16);
color: var(--link);
text-decoration: none;
}

9
pages/playground.tsx
View File

@ -13,6 +13,15 @@ export default function Home() {
<h1>Playground</h1>
<p>Show off your components here!</p>
<ColorPalette />
<h2>
<code>Text Styles</code>
</h2>
<h1>h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1 h1</h1>
<h2>h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2 h2</h2>
<h3>h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3 h3</h3>
<h4>h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4 h4</h4>
<p>p p p p p p p p p p p p p p p p p p p p p p p p p p p p</p>
<a>a a a a a a a a a a a a a a a a a a a a a a a a a a a a</a>
<h2>
<code>{"<BarGraphHorizontal />"}</code>