Add Widget.Topic in Widget component

TheeDouglasAM3 · Jan 28, 2021 · fbe2388 · fbe2388 · vercel · Jan 28, 2021
1 parent be60c94
commit fbe2388
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/components/Widget/index.js b/src/components/Widget/index.js
@@ -46,4 +46,22 @@ Widget.Content = styled.div`
  }
 `
 
+Widget.Topic = styled.a`
+ outline: 0;
+ text-decoration: none;
+ color: ${({ theme }) => theme.colors.contrastText};
+ background-color: ${({ theme }) => `${theme.colors.primary}40`};
+ padding: 10px 15px;
+ margin-bottom: 8px;
+ cursor: pointer;
+ border-radius: ${({ theme }) => theme.borderRadius};
+ transition: .3s;
+ display: block;
+ 
+ &:hover,
+ &:focus {
+ opacity: .5;
+ }
+`
+
 export default Widget