mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 09:15:58 +02:00
44 lines
688 B
TypeScript
44 lines
688 B
TypeScript
import { Link } from "gatsby"
|
|
import styled from "styled-components"
|
|
|
|
export const ResourceBreadcrumbWrapper = styled.div`
|
|
display: flex;
|
|
align-items: flex-start;
|
|
|
|
@media screen and (max-width: 767px) {
|
|
flex-wrap: wrap;
|
|
margin-bottom: 16px;
|
|
}
|
|
`
|
|
|
|
export const LinkWrapper = styled.div`
|
|
display: flex;
|
|
align-items: center;
|
|
height: 30px;
|
|
|
|
svg {
|
|
width: 12px;
|
|
transform: rotate(90deg);
|
|
margin: 6px;
|
|
}
|
|
|
|
svg path {
|
|
fill: #04b0a6;
|
|
}
|
|
`
|
|
|
|
export const StyledLink = styled(Link)`
|
|
color: #04b0a6;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: #045551;
|
|
}
|
|
`
|
|
|
|
export const CurrentPage = styled.div`
|
|
display: flex;
|
|
align-items: center;
|
|
height: 30px;
|
|
`
|