From 2150f346bac8b9ff5ce7aea21a07ae06d21ce58d Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Tue, 19 Apr 2022 18:45:31 +0430 Subject: [PATCH] update 4 files and delete 2 files --- src/App.js | 4 +- src/components/CssCountdown/index.js | 15 -------- src/components/CssCountdown/index.scss | 53 -------------------------- src/index.css | 2 +- 4 files changed, 2 insertions(+), 72 deletions(-) delete mode 100644 src/components/CssCountdown/index.js delete mode 100644 src/components/CssCountdown/index.scss diff --git a/src/App.js b/src/App.js index 252e5f9..c21360b 100644 --- a/src/App.js +++ b/src/App.js @@ -83,7 +83,6 @@ import CardDesign2 from "./components/CardDesign2"; import ButtonDivTag from "./components/ButtonDivTag"; import Button from "./components/Button"; import LeafletMap from "./components/LeafletMap"; -import CssCountdown from "./components/CssCountdown"; import TestComponentNew from "./components/TestComponentNew"; import DateRangePicker from "./components/DateRangePicker"; @@ -170,8 +169,7 @@ function App() { {/* */} {/* */} {/* */} - {/* */} - + {/* */} {/*
diff --git a/src/components/CssCountdown/index.js b/src/components/CssCountdown/index.js deleted file mode 100644 index a52207d..0000000 --- a/src/components/CssCountdown/index.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; - -import "./index.scss"; - -const CssCountdown = () => { - return ( -
- - - -
- ); -}; - -export default CssCountdown; diff --git a/src/components/CssCountdown/index.scss b/src/components/CssCountdown/index.scss deleted file mode 100644 index 1cbb59a..0000000 --- a/src/components/CssCountdown/index.scss +++ /dev/null @@ -1,53 +0,0 @@ -body { - background: #262626; -} - -.wrapper { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.wrapper span { - color: #fff; - border: 5px solid #ddd; - padding: 0 30px; - border-radius: 25px; - margin: 0 10px; -} - -.box { - display: inline-block; - overflow: hidden; - height: 1em; - font-weight: bold; - font-size: 16em; -} - -.box::after { - position: relative; - white-space: pre; - content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9"; -} - -.box.first-number:after { - animation: animate 1s steps(10) infinite; -} - -.box.second-number:after { - animation: animate 1s steps(10) infinite; -} - -.box.third-number:after { - animation: animate 10s steps(10) infinite; -} - -@keyframes animate { - 0% { - top: 0; - } - 100% { - top: -10em; - } -} diff --git a/src/index.css b/src/index.css index 814026c..f245ef5 100644 --- a/src/index.css +++ b/src/index.css @@ -9,7 +9,7 @@ body { font-family: iransans-medium; direction: rtl; - background-color: #f5f5f5; + background-color: #f5f5f5 !important; } .comment-num {