BradNut/awesome-uses
1
0
Fork 0
mirror of https://github.com/BradNut/awesome-uses synced 2025-09-08 17:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: make visited name purple & link pink (#436)

Browse source 
* make visited name purple & link pink

* move styles into PersonDeets

Co-authored-by: Andrew Luca <thendrluca@gmail.com>
This commit is contained in:
Hugo 2020-01-20 12:31:19 +00:00 committed by Andrew Luca
parent 96c9cd2792
commit ea74dfa337
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/Person.js
View file

@ -15,8 +15,9 @@ export default function Person({ person, currentTag }) {
<img width="50" height="50" src={img} alt={person.name} /> <img width="50" height="50" src={img} alt={person.name} />
<h3> <h3>
<a href={person.url} target="_blank" rel="noopener noreferrer"> <a href={person.url} target="_blank" rel="noopener noreferrer">
{person.name} {person.name}
</a> {person.emoji} </a>{' '}
{person.emoji}
</h3> </h3>
<a <a
target="_blank" target="_blank"
@ -109,6 +110,9 @@ const PersonInner = styled.div`
padding: 2rem; padding: 2rem;
h3 { h3 {
margin: 0; margin: 0;
a:visited {
color: var(--purple);
}
} }
header { header {
display: grid; display: grid;
@ -134,7 +138,8 @@ const PersonInner = styled.div`
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
:hover { :hover,
:visited {
color: var(--pink); color: var(--pink);
} }
} }

3
src/components/layout.js
View file

@ -73,7 +73,7 @@ export default Layout;
// Global Styles // Global Styles
const GlobalStyle = createGlobalStyle` const GlobalStyle = createGlobalStyle`
html { html {
--purple: #1e1f5c; --purple: #b066ff;
--blue: #203447; --blue: #203447;
--lightblue: #1f4662; --lightblue: #1f4662;
--blue2: #1C2F40; --blue2: #1C2F40;
@ -89,7 +89,6 @@ const GlobalStyle = createGlobalStyle`
body { body {
font-size: 2rem; font-size: 2rem;
overflow-y: scroll; overflow-y: scroll;
/* overflow-x: hidden; */
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-weight: 500; font-weight: 500;