summaryrefslogtreecommitdiff
path: root/deps/npm/docs/src/components/links.js
diff options
context:
space:
mode:
authorRuy Adorno <ruyadorno@hotmail.com>2019-11-05 14:55:08 -0500
committerRich Trott <rtrott@gmail.com>2019-11-09 20:13:43 -0800
commit4b97c3addb246274cd7e8432edd537e0bdf60b63 (patch)
tree9f859239c3b38b04ddc58ee736bf6b2caf6008a5 /deps/npm/docs/src/components/links.js
parent5f9794ea9aaaf5597974a65460e1f3069f68475f (diff)
downloadandroid-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.tar.gz
android-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.tar.bz2
android-node-v8-4b97c3addb246274cd7e8432edd537e0bdf60b63.zip
deps: update npm to 6.13.0
PR-URL: https://github.com/nodejs/node/pull/30271 Reviewed-By: Jiawen Geng <technicalcute@gmail.com> Reviewed-By: Trivikram Kamat <trivikr.dev@gmail.com> Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de>
Diffstat (limited to 'deps/npm/docs/src/components/links.js')
-rw-r--r--deps/npm/docs/src/components/links.js50
1 files changed, 50 insertions, 0 deletions
diff --git a/deps/npm/docs/src/components/links.js b/deps/npm/docs/src/components/links.js
new file mode 100644
index 0000000000..b0424c132c
--- /dev/null
+++ b/deps/npm/docs/src/components/links.js
@@ -0,0 +1,50 @@
+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};
+ }
+`