Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-06 16:06:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: first pass on redesign (#228)

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2020-05-11 02:00:57 -04:00
committed by GitHub
parent 12d1346d4b
commit ab8e8edd5a
40 changed files with 779 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Link/styles.tsx
+20 -5
View File
@@ -2,16 +2,31 @@ import { Link } from "gatsby"
import styled, { css } from "styled-components"
const linkStyle = css`
color: #0090d8;
display: inline-block;
font-weight: 700;
color: #fff;
color: ${props => props.theme.main.foreground};
font-weight: 700;
border-bottom: 2px solid;
text-decoration: none;
transition: color 0.3s;
position: relative;
&::after {
position: absolute;
left: 0;
right: 0;
content: "";
display: block;
width: 100%;
height: 2px;
background: linear-gradient(92.97deg, #feaf6d 0%, #ff70a5 100%);
}
&:hover,
&:focus {
color: #5dbbea;
transition: none;
background: linear-gradient(92.97deg, #feaf6d 0%, #ff70a5 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
`