Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import styled from 'styled-components';
// some overly styled button
const MyButton = styled.button`
   background: #3d94f6;
   background-image: linear-gradient(to bottom, #3d94f6, #1e62d0);
   border-radius: 20px;
   color: #ffffff;
   font-family: Open Sans;
   font-size: 40px;
   font-weight: 100;
   padding: 40px;
   box-shadow: 1px 1px 20px 0px #000000;
   text-shadow: 1px 1px 20px #000000;
   border: solid #337fed 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
&:hover {
   background: #1e62d0;
   background-image: linear-gradient(to bottom, #1e62d0, #3d94f6);
   text-decoration: none;
}
`;
// a styled header
const Header = styled.h1`
font-weight: bold;
font-family: Helvetica;
`;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.