From 8a5825d52271d712ec7c8348447d433067e13ef2 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Thu, 13 Sep 2018 14:18:56 -0400 Subject: DONE --- .../frontend/components/styles/SickButton.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 stepped-solutions/FINISHED/frontend/components/styles/SickButton.js (limited to 'stepped-solutions/FINISHED/frontend/components/styles/SickButton.js') diff --git a/stepped-solutions/FINISHED/frontend/components/styles/SickButton.js b/stepped-solutions/FINISHED/frontend/components/styles/SickButton.js new file mode 100644 index 0000000..5b5352e --- /dev/null +++ b/stepped-solutions/FINISHED/frontend/components/styles/SickButton.js @@ -0,0 +1,20 @@ +import styled from 'styled-components'; + +const SickButton = styled.button` + background: red; + color: white; + font-weight: 500; + border: 0; + border-radius: 0; + text-transform: uppercase; + font-size: 2rem; + padding: 0.8rem 1.5rem; + transform: skew(-2deg); + display: inline-block; + transition: all 0.5s; + &[disabled] { + opacity: 0.5; + } +`; + +export default SickButton; -- cgit v1.3