updates dashboard-root text style

Vizzuality · Sep 20, 2019 · 2cecde4 · 2cecde4
1 parent bd55c32
commit 2cecde4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/frontend/scripts/react-components/dashboard-root/dashboard-root.component.jsx b/frontend/scripts/react-components/dashboard-root/dashboard-root.component.jsx
@@ -5,7 +5,6 @@ import PropTypes from 'prop-types';
 import ShrinkingSpinner from 'scripts/react-components/shared/shrinking-spinner/shrinking-spinner.component';
 import kebabCase from 'lodash/kebabCase';
 import AnimatedFlows from 'react-components/animated-flows/animated-flows.component';
-import Heading from 'react-components/shared/heading/heading.component';
 
 import 'scripts/react-components/dashboard-root/dashboard-root.scss';
 
@@ -51,9 +50,7 @@ function DashboardRoot(props) {
     <div className="l-dashboard-root">
       <AnimatedFlows />
       <div className="c-dashboard-root">
-        <Heading weight="light" color="white" size="lg" align="center" className="title">
-          See how commodity trade impacts the world
-        </Heading>
+        <h2 className="dashboard-root-title">See how commodity trade impacts the world</h2>
         <section className="dashboard-root-grid">
           <div className="row">
             {loadingDashboardTemplates && (

diff --git a/frontend/scripts/react-components/dashboard-root/dashboard-root.scss b/frontend/scripts/react-components/dashboard-root/dashboard-root.scss
@@ -5,10 +5,15 @@
   z-index: $z-above;
   padding: 60px 0;
 
-  .title {
+  .dashboard-root-title {
+    color: $white;
+    font-size: $font-size-big;
+    font-family: $font-family-2;
+    font-weight: $font-weight-light;
+    text-align: center;
     margin: 0 0 60px;
 
-    @media screen and (min-width: $breakpoint-foundation-small){
+    @media screen and (min-width: $breakpoint-foundation-medium){
       font-size: 40px;
     }
   }