diff --git a/front/src/components/Oina.tsx b/front/src/components/Oina.tsx index 39c7b19..e008808 100644 --- a/front/src/components/Oina.tsx +++ b/front/src/components/Oina.tsx @@ -2,11 +2,12 @@ import { Link } from 'gatsby'; import { rem } from 'polished'; import React from 'react'; import styled from 'styled-components'; -import { size } from '../ui/theme'; +import { colors, size } from '../ui/theme'; export const Oina: React.VFC = () => ( - Lege-oharra + Lege oharra + Pribatutasun politika ); @@ -15,3 +16,14 @@ const Wrapper = styled.footer` justify-content: center; padding: ${rem(size.base)}; `; + +const Esteka = styled(Link)` + &:not(:last-child) { + margin-right: ${rem(size.mini)}; + } + + transition: color 500ms ease-out 100ms; + &:hover { + color: ${colors.morea}; + } +`; diff --git a/front/src/pages/index.tsx b/front/src/pages/index.tsx index 3098693..ed26a59 100644 --- a/front/src/pages/index.tsx +++ b/front/src/pages/index.tsx @@ -104,6 +104,11 @@ const Botoia = styled.a` cursor: pointer; display: flex; align-items: center; + + transition: color 500ms ease-out 100ms; + &:hover { + color: ${colors.morea}; + } `; const GeziaLogo = styled(Gezia)`