ran-boilerplate/components/LinkList/styles.js

React . Apollo (GraphQL) . Next.js Toolkit

import styled from 'styled-components';
import * as T from '../Theme';

export const A = T.A.extend`
  font-size: 14px;
  margin-right: 15px;
  cursor: pointer;
  text-decoration: ${({ active }) => (active ? 'underline' : 'none')};
`;

export const LogOutButton = T.Button.extend`
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
  text-decoration: ${({ active }) => (active ? 'underline' : 'none')};
`;

export const Nav = styled.nav`
  display: inline-block;
`;

export const Externals = styled.div`
  display: inline-block;
  border-left: 2px solid lightgray;
  padding-left: 15px;
`;