update 4 files and delete 2 files

master
mahdi andalib 3 years ago
parent 1214cbc109
commit 2150f346ba
  1. 4
      src/App.js
  2. 15
      src/components/CssCountdown/index.js
  3. 53
      src/components/CssCountdown/index.scss
  4. 2
      src/index.css

@ -83,7 +83,6 @@ import CardDesign2 from "./components/CardDesign2";
import ButtonDivTag from "./components/ButtonDivTag"; import ButtonDivTag from "./components/ButtonDivTag";
import Button from "./components/Button"; import Button from "./components/Button";
import LeafletMap from "./components/LeafletMap"; import LeafletMap from "./components/LeafletMap";
import CssCountdown from "./components/CssCountdown";
import TestComponentNew from "./components/TestComponentNew"; import TestComponentNew from "./components/TestComponentNew";
import DateRangePicker from "./components/DateRangePicker"; import DateRangePicker from "./components/DateRangePicker";
@ -170,8 +169,7 @@ function App() {
{/* <IndianaDragScroll /> */} {/* <IndianaDragScroll /> */}
{/* <IconText /> */} {/* <IconText /> */}
{/* <CustomToast /> */} {/* <CustomToast /> */}
{/* <CssCountdown /> */} {/* <DateRangePicker /> */}
<DateRangePicker />
{/* <div className="flex"> {/* <div className="flex">
<SidebarDesign2 className="w-1/5" /> <SidebarDesign2 className="w-1/5" />
<span className="w-4/5 "> <span className="w-4/5 ">

@ -1,15 +0,0 @@
import React from "react";
import "./index.scss";
const CssCountdown = () => {
return (
<div className="wrapper">
<span className="box third-number"></span>
<span className="box second-number"></span>
<span className="box first-number"></span>
</div>
);
};
export default CssCountdown;

@ -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;
}
}

@ -9,7 +9,7 @@
body { body {
font-family: iransans-medium; font-family: iransans-medium;
direction: rtl; direction: rtl;
background-color: #f5f5f5; background-color: #f5f5f5 !important;
} }
.comment-num { .comment-num {

Loading…
Cancel
Save