info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-01-17 22:28:32 +01:00
Code Issues Releases Wiki Activity

Change share sidebar design

Browse Source
This commit is contained in:
Kamran Ahmed 2019-11-03 11:57:58 +04:00
parent 4fa6747d6e
commit 1502be2f50
2 changed files with 29 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
components/guide-footer/style.js
View File

@ -24,15 +24,23 @@ export const ShareWrap = styled.div`
display: flex;
align-items: center;
color: #101010;
}
svg {
height: 18px;
color: #757575;
margin-left: 7px;
svg {
height: 18px;
color: #757575;
margin-left: 7px;
transition: all 0.2s ease;
}
&:hover {
svg {
color: #101010;
}
}
}
`;
export const ContributeIcon = styled.div`
display: flex;
align-items: center;
@ -46,6 +54,11 @@ export const ContributeIcon = styled.div`
a {
color: #757575;
font-size: 14px;
transition: all 0.2s ease;
&:hover {
color: #101010;
}
}
`;
@ -76,29 +89,6 @@ export const AuthorInfoWrap = styled.div`
color: #101010;
}
}
.social-links {
margin: 5px 0 0;
a {
background: transparent;
color: #101010;
margin-right: 10px;
text-transform: uppercase;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
&:hover {
border-color: #757575;
}
svg {
height: 18px;
}
}
}
.author-description {
margin-bottom: 14px;

16
components/share-guide/style.js
View File

@ -15,15 +15,21 @@ export const ShareWrap = styled.div`
flex-direction: column;
position: absolute;
padding: 0 0;
top: 0;
top: 2px;
left: -50px;
height: 100%;
`;
export const ShareIcon = styled.span`
margin-bottom: 7px;
margin-bottom: 8px;
svg {
height: 26px;
color: #101010;
height: 22px;
color: #757575;
transition: all 0.2s;
}
`;
&:hover svg {
color: #000000
}
`;