diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Card.css | 45 | ||||
-rw-r--r-- | src/components/Card.jsx | 25 |
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; |