Merge pull request #21 from CollabCodeTech/feature/tools-separator

feature/tools-separator

Author: marcobrunodev

Diff for: src/pages/Dashboard/index.js

@@ -1,9 +1,15 @@
 import React from "react";
 
 import HeaderDashboard from "../../containers/HeaderDashboard";
+import { SectionFake } from "./styles";
 
 function Dashboard() {
-  return <HeaderDashboard />;
+  return (
+    <>
+      <HeaderDashboard />
+      <SectionFake />
+    </>
+  );
 }
 
 export default Dashboard;

Diff for: src/pages/Dashboard/styles.js

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+import { _separator } from "../../styles/tools/Separator";
+
+export const SectionFake = styled.section`
+  height: 300px;
+  ${_separator};
+`;

Diff for: src/styles/tools/Separator.js

@@ -0,0 +1,5 @@
+import { css } from "styled-components";
+
+export const _separator = css`
+  border-bottom: 2px solid var(--color-old-silver);
+`;