| Server IP : 3.138.164.131 / Your IP : 216.73.216.136 Web Server : Apache System : Linux ns1.techtime.me 4.18.0-147.8.1.el8.lve.1.x86_64 #1 SMP Mon Jun 29 09:55:57 EDT 2020 x86_64 User : injazaat ( 1471) PHP Version : 8.1.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/opt/cpanel/ea-nodejs10/lib/node_modules/npm/docs/src/components/ |
Upload File : |
import {Link} from 'gatsby'
import styled, {css} from 'styled-components'
const baseLinkStyles = css`
font-weight: 500;
text-decoration: none;
letter-spacing: .3px;
font-size: 14px;
`
const featureLinkStyles = css`
${baseLinkStyles}
color: ${(props) => props.theme.colors.black};
transition: opacity .5s
&:hover {
opacity: .9;
}
`
const navLinkStyles = css`
${baseLinkStyles};
color: ${(props) => props.theme.colors.black};
transition: opacity .5s;
margin: 0 10px;
&:hover {
opacity: .5;
}
`
export const FeatureLink = styled(Link)`
${featureLinkStyles}
`
export const NavLink = styled(Link)`
${navLinkStyles};
`
export const BasicNavLink = styled.a`
${navLinkStyles};
`
export const SidebarLink = styled(Link)`
${baseLinkStyles};
color: ${(props) => props.theme.colors.red};
padding: 10px;
transition: background-color .3s;
&:hover {
background-color: ${(props) => props.theme.colors.lightPurple};
}
`