firefly/sunrise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #8 from zyrrus/009-Add-responsive-typography-classes

Browse Source 
009 add responsive typography classes
This commit is contained in:
Zeke
2023-05-20 16:57:28 -05:00
committed by GitHub
parent eb44659f7d f809abcf6d
commit c7cae41abf
2 changed files with 62 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/index.tsx
View File

@@ -15,6 +15,14 @@ const Home: NextPage = () => {
</Head>
<>
<Hero />
<div className="">
<p className="text-r-3xl">48px: h1</p>
<p className="text-r-2xl">40px: h2</p>
<p className="text-r-xl">32px: h3</p>
<p className="text-r-lg">24px: h4, header, polaroid, button</p>
<p className="text-r-base">20px: h5, body</p>
<p className="text-r-sm">16px: h6</p>
</div>
{/* <Services /> */}
<Projects />
{/* <About /> */}
@@ -29,8 +37,8 @@ export default Home;
const Hero = () => {
return (
<>
<h1 className="py-3 font-roadster text-5xl text-black">Sunrise</h1>
<p className="leading-relaxed text-black">
<h1 className="py-3 font-roadster text-black text-r-3xl">Sunrise</h1>
<p className="leading-relaxed text-black text-r-xl">
Creating software that looks and works great is our specialty at
Sunrise. Our team of experts combines artistry and technical know-how to
craft solutions that will make your business{" "}