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 }) => (
<div className={`${props.classes}`}>
<h2 className={`${props.h2Classes} py-2 text-black my-2`}>
{props.headline}
</h2>
<h2 className={`${props.h2Classes} text-black my-2`}>{props.headline}</h2>
<p className="text-black-light leading-normal lg:text-lg font-light">
{props.text}
</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 ${
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}
text={this.props.text}
/>

2
src/components/SectionIntro.js
View File

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

10
src/pages/services.js
View File

@@ -52,7 +52,7 @@ const ServicesPage = () => (
/>
<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
</h3>
<p className="font-light leading-normal text-black-light text-lg">
@@ -64,7 +64,7 @@ const ServicesPage = () => (
</p>
</div>
<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
</h3>
<p className="font-light leading-normal text-black-light text-lg">
@@ -99,7 +99,7 @@ const ServicesPage = () => (
alt="Fullstack Web Development Agency"
/>
<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
</h3>
<p className="font-light leading-normal text-lg text-black-light">
@@ -109,7 +109,7 @@ const ServicesPage = () => (
</p>
</div>
<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
</h3>
<p className="font-light leading-normal text-lg text-black-light">
@@ -120,7 +120,7 @@ const ServicesPage = () => (
</p>
</div>
<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
</h3>
<p className="font-light leading-normal text-black-light text-lg">