aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Card.css45
-rw-r--r--src/components/Card.jsx25
2 files changed, 0 insertions, 70 deletions
diff --git a/src/components/Card.css b/src/components/Card.css
deleted file mode 100644
index 273e106..0000000
--- a/src/components/Card.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.cardLink {
- text-decoration: none;
- color: black;
- margin: 12px 24px;
- flex-basis: 100%;
- max-width: 200px;
-}
-
-.Card {
- text-decoration: none;
- color: #000;
- border: 2px solid #fbd38d;
- border-radius: 12px;
- padding: 0px 40px;
-}
-
-@media screen and (max-width: 600px) {
- .Card {
- padding: 0px 16px;
- margin: 10px 0px;
- }
-}
-
-.Latest {
- font-size: 1.8em;
-}
-
-.Diff {
- color: #666;
-}
-
-.Card:hover {
- background-color: #ffc869;
- color: #fff;
-}
-.Card:hover .Diff {
- color: #fff;
-}
-
-.animate {
- -moz-transition: color,background-color 0.3s;
- -webkit-transition: color,background-color 0.3s;
- -ms-transition: color,background-color 0.3s;
- transition: color,background-color 0.3s;
-}
diff --git a/src/components/Card.jsx b/src/components/Card.jsx
deleted file mode 100644
index 95bd583..0000000
--- a/src/components/Card.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import "./Card.css";
-
-const Card = (props) => {
- let diff = props.diff.toString();
- if (diff.charAt(0) != "-") {
- diff = "+" + diff;
- }
-
- return (
- <Link className="cardLink" to={props.link}>
- <div className="Card animate">
- <p>
- <span className="Latest">{props.latest}</span> <span className="Diff animate">({diff})</span>
- </p>
- <h3>
- {props.name}
- </h3>
- </div>
- </Link>
- );
-};
-
-export default Card;