From 0a834c6eba7203152253e02fefd4eaf419258ee0 Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 29 May 2022 14:30:52 +0430 Subject: [PATCH] update src/components/MiniComponents/OfferSection/index.js and src/index.scss --- .../MiniComponents/OfferSection/index.js | 22 ++++++++++++++++++- src/index.scss | 17 ++++++++++++++ 2 files changed, 38 insertions(+), 1 deletion(-) diff --git a/src/components/MiniComponents/OfferSection/index.js b/src/components/MiniComponents/OfferSection/index.js index 3d65c19..e975a53 100644 --- a/src/components/MiniComponents/OfferSection/index.js +++ b/src/components/MiniComponents/OfferSection/index.js @@ -1,7 +1,27 @@ import React from "react"; +import Button from "../../ButtonDesign/Button"; const OfferSection = () => { - return
OfferSection
; + return ( +
+ +
+ ); }; export default OfferSection; diff --git a/src/index.scss b/src/index.scss index 1f209e5..bbda708 100644 --- a/src/index.scss +++ b/src/index.scss @@ -18,6 +18,23 @@ body { background-color: #f5f5f5; } +.btn { + height: 300px; + position: relative; + background-color: #000; +} + +.btn:before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + top: 100px; + left: 0; + background-color: #000; + transform: skewX(25deg); +} + .rtl { direction: rtl; }