Adjustments to line-height

vtex-apps · Sep 2, 2019 · d170fc1 · d170fc1
1 parent f494c4c
commit d170fc1
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 9 deletions.
diff --git a/react/ComponentsGrid.tsx b/react/ComponentsGrid.tsx
@@ -83,7 +83,9 @@ const ComponentsGrid: FC<OuterProps> = ({ ComponentsListQuery }) => {
         <FormattedMessage id={`docs/components.${params.category}`} />
       </h1>
       <p className="small c-on-base center mb8">
-        <FormattedMessage id={`docs/components.${params.category}-description`} />
+        <FormattedMessage
+          id={`docs/components.${params.category}-description`}
+        />
       </p>
       <div className="flex flex-wrap">
         {componentsListFromCategory &&

diff --git a/react/Home.tsx b/react/Home.tsx
@@ -25,7 +25,7 @@ const Home: FC<InjectedIntlProps> = ({ intl }) => {
           className="t-heading-1  w-90 w-80-ns center mb6">
           <FormattedMessage id="docs/build" />
         </h1>
-        <p className="small c-on-base w-90 w-80-ns center mb8">
+        <p className="small c-on-base w-90 w-80-ns center mb8 lh-copy">
           <FormattedMessage id="docs/build-description" />
         </p>
         <div className="w-90 w-80-ns center">
@@ -47,10 +47,10 @@ const Home: FC<InjectedIntlProps> = ({ intl }) => {
               <div className="w-25-l w-10">
                 <Recipes />
               </div>
-              <p className="t-heading-4 ">
+              <p className="t-heading-4">
                 <FormattedMessage id="docs/recipes" />
               </p>
-              <p className="c-muted-1">
+              <p className="c-muted-1 lh-copy">
                 <FormattedMessage id="docs/recipes-description" />
               </p>
               <div className="flex items-center">
@@ -69,7 +69,7 @@ const Home: FC<InjectedIntlProps> = ({ intl }) => {
               <p className="t-heading-4 ">
                 <FormattedMessage id="docs/our-components" />
               </p>
-              <p className="c-muted-1">
+              <p className="c-muted-1 lh-copy">
                 <FormattedMessage id="docs/our-components-description" />
               </p>
               <div className="c-emphasis flex items-center">

diff --git a/react/RecipesList.tsx b/react/RecipesList.tsx
@@ -95,7 +95,7 @@ const RecipesList: FC<OuterProps & InjectedRuntime> = ({
         <FormattedMessage id={`docs/recipes.${category}`} />
       </h1>
       <p className="small c-on-base w-90 w-80-ns center mb8">
-      <FormattedMessage id={`docs/recipes.${category}-description`} />
+        <FormattedMessage id={`docs/recipes.${category}-description`} />
       </p>
       <div className="w-90 w-80-ns center">
         {RecipeListQuery.recipeList.map((recipe: Recipe) => (

diff --git a/react/components/Community.tsx b/react/components/Community.tsx
@@ -13,7 +13,7 @@ const Community: FC<InjectedIntlProps> = ({ intl }) => (
     </h2>
     <a
       href="https://github.com/vtex-apps/store-discussion"
-      className="link no-underline">
+      className="link no-underline pointer">
       <div className="flex items-center">
         <div className="w-10-l w-25 mr6">
           <CommunityIcon />
@@ -22,7 +22,7 @@ const Community: FC<InjectedIntlProps> = ({ intl }) => (
           <h4 className="t-heading-4  c-on-base">
             <FormattedMessage id="docs/community-join" />
           </h4>
-          <p className="t-body c-on-base">
+          <p className="t-body c-on-base lh-copy">
             <FormattedMessage id="docs/community-description" />
           </p>
         </div>

diff --git a/react/components/LatestFeatures.tsx b/react/components/LatestFeatures.tsx
@@ -18,7 +18,7 @@ const LatestFeatures: FC<InjectedIntlProps> = ({ intl }) => {
         className="t-heading-2 mv4">
         <FormattedMessage id="docs/latest-features" />
       </h2>
-      <p className="c-on-base">
+      <p className="c-on-base lh-copy">
         <FormattedMessage id="docs/latest-features-description" />
       </p>
       <div className="list ml0 w-100">