UI Updates 🔨

Ignitus · Mar 28, 2020 · 030c595 · 030c595
1 parent ea4dd83
commit 030c595
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx b/src/ignitus-HomePage/ignitus-Testimonial/Components/Testimonial.jsx
@@ -32,7 +32,7 @@ const Testimonial = ({ testimonialData, getTestimonialData }) => {
 
   return (
     <div className="testimonial">
-      <div className="testimonials-title title">Testimonials</div>
+      <div className="testimonials-title">Testimonials</div>
       <div className="testimonial-wrapper">
         <div className="left-arrow arrow" onClick={prevTestimonial}>
           <i className="fa fa-arrow-left" />

diff --git a/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss b/src/ignitus-HomePage/ignitus-Testimonial/Styles/style.scss
@@ -1,10 +1,14 @@
 // import ignitus token variables
-@import "./src/ignitus-Shared/styles/ignitus-tokens";
-@import "./src/ignitus-Shared/styles/ignitus-mixins";
+@import './src/ignitus-Shared/styles/ignitus-tokens';
+@import './src/ignitus-Shared/styles/ignitus-mixins';
 
 .testimonial {
   .testimonials-title {
     text-align: center;
+    font-weight: 600;
+    font-size: 22px;
+    color: #000066;
+    color: #000066;
   }
   .testimonial-wrapper {
     display: flex;
@@ -24,7 +28,7 @@
       padding: 1em;
 
       .testimonial-text {
-        font-size: 1em;
+        font-size: 1.2rem;
         font-style: italic;
         font-weight: 200;
         text-align: center;
@@ -44,7 +48,7 @@
       }
     }
   }
-  @media only screen and (max-width:576px){
+  @media only screen and (max-width: 576px) {
     display: none;
   }
 }
@@ -60,4 +64,4 @@
   background: darkblue;
   color: white;
   cursor: pointer;
-}
+}
diff --git a/src/ignitus-Shared/ignitus-DesignSystem/shared.ts b/src/ignitus-Shared/ignitus-DesignSystem/shared.ts
@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
 import * as C from './ignitus-Atoms/colors';
 import * as F from './ignitus-Atoms/fonts';
-import { mq } from './ignitus-Atoms/media';
-import { Heading3 } from './ignitus-Atoms/typography';
+import {mq} from './ignitus-Atoms/media';
+import {Heading3} from './ignitus-Atoms/typography';
 
 export const Title = styled(Heading3)`
   color: ${C.IgnitusBlue};
@@ -21,8 +21,8 @@ export const Paragraph = styled.p`
 /* Shared between partners & contirbutors component. */
 
 export const Wrapper = styled.div`
-  margin: 1em;
-  margin-bottom: 2em;
+  margin-top: 1rem;
+  margin-bottom: 4rem;
 `;
 
 export const TopSection = styled.section`