senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix font spacing

Browse Source
This commit is contained in:
Moris Zen
2018-09-11 12:09:58 +02:00
parent 3087404c86
commit 312e01cde0
4 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/InfoBox.js
View File

@@ -3,9 +3,7 @@ import Link from 'gatsby-link'
const InfoBox = ({ ...props }) => ( const InfoBox = ({ ...props }) => (
<div className={`${props.classes}`}> <div className={`${props.classes}`}>
<h2 className={`${props.h2Classes} py-2 text-black my-2`}> <h2 className={`${props.h2Classes} text-black my-2`}>{props.headline}</h2>
{props.headline}
</h2>
<p className="text-black-light leading-normal lg:text-lg font-light"> <p className="text-black-light leading-normal lg:text-lg font-light">
{props.text} {props.text}
</p> </p>

2
src/components/PageIntro.js
View File

@@ -42,7 +42,7 @@ class PageIntro extends Component {
classes={`lg:text-left lg:max-w-sm content-center ${ classes={`lg:text-left lg:max-w-sm content-center ${
this.props.sectionClasses this.props.sectionClasses
}`} }`}
textClasses="mt-2 mb-10 text-base md:text-lg lg:text-lg text-left leading-smaller sm:leading-mid md:leading-normal mb-4 lg:leading-loose" textClasses="mb-10 text-base md:text-lg lg:text-lg text-left leading-smaller sm:leading-mid md:leading-normal lg:leading-loose"
headline={this.props.headline} headline={this.props.headline}
text={this.props.text} text={this.props.text}
/> />

2
src/components/SectionIntro.js
View File

@@ -19,7 +19,7 @@ const IntroDefault = ({ ...props }) => (
{props.headline && ( {props.headline && (
<h2 <h2
className={`${props.light ? headlineDark : ''} ${props.h2Classes} className={`${props.light ? headlineDark : ''} ${props.h2Classes}
text-black py-1`} text-black my-2 py-1`}
> >
{props.headline} {props.headline}
</h2> </h2>

10
src/pages/services.js
View File

@@ -52,7 +52,7 @@ const ServicesPage = () => (
/> />
<div className="my-6"> <div className="my-6">
<h3 className="font-medium lg:font-light my-1 text-xl md:text-3xl font-light"> <h3 className="font-medium lg:font-light my-2 text-xl md:text-3xl font-light">
Conceptualization & Branding Conceptualization & Branding
</h3> </h3>
<p className="font-light leading-normal text-black-light text-lg"> <p className="font-light leading-normal text-black-light text-lg">
@@ -64,7 +64,7 @@ const ServicesPage = () => (
</p> </p>
</div> </div>
<div className="my-6"> <div className="my-6">
<h3 className="text-black font-medium lg:font-light my-1 text-xl md:text-3xl font-light"> <h3 className="text-black font-medium lg:font-light my-2 text-xl md:text-3xl font-light">
UX & UI Design UX & UI Design
</h3> </h3>
<p className="font-light leading-normal text-black-light text-lg"> <p className="font-light leading-normal text-black-light text-lg">
@@ -99,7 +99,7 @@ const ServicesPage = () => (
alt="Fullstack Web Development Agency" alt="Fullstack Web Development Agency"
/> />
<div className="my-6"> <div className="my-6">
<h3 className="my-1 text-black font-medium lg:font-light text-xl md:text-3xl"> <h3 className="my-2 text-black font-medium lg:font-light text-xl md:text-3xl">
Web development Web development
</h3> </h3>
<p className="font-light leading-normal text-lg text-black-light"> <p className="font-light leading-normal text-lg text-black-light">
@@ -109,7 +109,7 @@ const ServicesPage = () => (
</p> </p>
</div> </div>
<div className="my-6"> <div className="my-6">
<h3 className="my-1 text-black font-medium lg:font-light text-xl md:text-3xl"> <h3 className="my-2 text-black font-medium lg:font-light text-xl md:text-3xl">
Mobile & desktop apps Mobile & desktop apps
</h3> </h3>
<p className="font-light leading-normal text-lg text-black-light"> <p className="font-light leading-normal text-lg text-black-light">
@@ -120,7 +120,7 @@ const ServicesPage = () => (
</p> </p>
</div> </div>
<div className="my-6"> <div className="my-6">
<h3 className="my-1 text-black font-medium lg:font-light text-xl md:text-3xl font-light"> <h3 className="my-2 text-black font-medium lg:font-light text-xl md:text-3xl font-light">
DevOps DevOps
</h3> </h3>
<p className="font-light leading-normal text-black-light text-lg"> <p className="font-light leading-normal text-black-light text-lg">