mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-20 04:41:31 +02:00
Code Issues Releases Wiki Activity

Uppercase headings

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-24 15:46:29 +07:00
parent 5267b893ba
commit 77a5c9a763
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/Home.jsx
View File

@@ -46,7 +46,7 @@ const Home = () => {
</div> </div>
<div className="bt b--black-20 relative"> <div className="bt b--black-20 relative">
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0" style={{ transform: 'translate(0, -50%)' }}>Layouts</h3> <h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>Layouts</h3>
<div className="flex flex-wrap items-start pa4"> <div className="flex flex-wrap items-start pa4">
<CoverCard pattern="Holy grail" /> <CoverCard pattern="Holy grail" />
@@ -58,7 +58,7 @@ const Home = () => {
</div> </div>
<div className="bt b--black-20 relative"> <div className="bt b--black-20 relative">
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0" style={{ transform: 'translate(0, -50%)' }}>Patterns</h3> <h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>Patterns</h3>
<div className="flex flex-wrap items-start pa4"> <div className="flex flex-wrap items-start pa4">
<CoverCard pattern="Badge" /> <CoverCard pattern="Badge" />

4
client/layouts/Footer.jsx
View File

@@ -4,7 +4,7 @@ const Footer = () => {
return ( return (
<div className="bl br bb b--black-20 flex justify-between br4 br--bottom"> <div className="bl br bb b--black-20 flex justify-between br4 br--bottom">
<div className="bt br b--black-20 relative" style={{ flex: 1 }}> <div className="bt br b--black-20 relative" style={{ flex: 1 }}>
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0" style={{ transform: 'translate(0, -50%)' }}>PRODUCTS</h3> <h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>Products</h3>
<ul className="list ma0 pa0 lh-copy fw5 pa4"> <ul className="list ma0 pa0 lh-copy fw5 pa4">
<li> <li>
@@ -26,7 +26,7 @@ const Footer = () => {
</div> </div>
<div className="bt b--black-20 relative" style={{ flex: 1 }}> <div className="bt b--black-20 relative" style={{ flex: 1 }}>
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0" style={{ transform: 'translate(0, -50%)' }}>ABOUT</h3> <h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0, -50%)' }}>About</h3>
<div className="pa4"> <div className="pa4">
<div className="pb2 lh-copy">© 2019 Nguyen Huu Phuoc and contributors</div> <div className="pb2 lh-copy">© 2019 Nguyen Huu Phuoc and contributors</div>

2
client/patterns/radio-switch/Details.jsx
View File

@@ -63,7 +63,7 @@ code={`
/> />
</div> </div>
<div className="bt b--black-20 relative"> <div className="bt b--black-20 relative">
<h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0" style={{ transform: 'translate(0px, -50%)' }}>Use cases</h3> <h3 className="absolute bg-white f4 left-2 lh-copy ma0 ph2 top-0 ttu" style={{ transform: 'translate(0px, -50%)' }}>Use cases</h3>
<div className="pa4"> <div className="pa4">
<div className="inline-flex br-pill bg-black-10 pa1"> <div className="inline-flex br-pill bg-black-10 pa1">