prehistoric-systems/security-checklist
1
0
Fork 0
mirror of https://github.com/brianlovin/security-checklist.git synced 2026-03-11 08:55:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Another way of styling everything Footer-related + :focus on link

Browse source
This commit is contained in:
Joachim Robert 2019-02-06 15:03:38 +01:00
parent 8cd8d4064f
commit 025227ab04
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/Footer/style.js
View file

@ -22,17 +22,24 @@ export const Description = styled.p`
color: ${theme.text.default};
margin-left: 4px;
}
a:active, a:focus {
box-shadow: 0 0 0 1px ${theme.bg.default},
0 0 0 3px ${props => hexa(props.theme.text.tertiary, 0.25)};
}
`;
export const Icons = styled.div`
display: flex;
flex: 1 0 auto;
align-items: flex-start;
margin-left: -16px;
padding-bottom: 8px;
a {
color: ${theme.text.tertiary};
margin-right: 16px;
line-height: 1;
border-radius: 10px;
height: 32px;
}
a:hover, a:active, a:focus {
@ -43,8 +50,4 @@ export const Icons = styled.div`
box-shadow: 0 0 0 1px ${theme.bg.default},
0 0 0 3px ${props => hexa(props.theme.text.tertiary, 0.25)};
}
.icon {
margin-left: 16px;
}
`;