mitchell
/
mjfs.us
mirror of https://github.com/mitchell/mjfs.us.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added 'user-select: all' to email on contact page; formatted some css 

files
This commit is contained in:
mitchelljfs 2018-07-10 00:26:22 -07:00
parent 81d507ddeb
commit 7a52daf79b
7 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "react-website", "name": "react-website",
"version": "0.2.15", "version": "0.2.16",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@fortawesome/fontawesome": "^1.1.8", "@fortawesome/fontawesome": "^1.1.8",

4
src/components/ClearButton/index.css
View File

@ -1,4 +1,6 @@
.clear-button, .clear-button:link, .clear-button:visited { .clear-button,
.clear-button:link,
.clear-button:visited {
border: 2px solid rgb(59, 65, 82); border: 2px solid rgb(59, 65, 82);
border-radius: 2px; border-radius: 2px;
color: white; color: white;

1
src/components/Header/index.css
View File

@ -4,6 +4,7 @@
margin-bottom: -5px; margin-bottom: -5px;
width: 65%; width: 65%;
} }
.header-container h2 { .header-container h2 {
margin-bottom: -5px; margin-bottom: -5px;
} }

5
src/containers/Contact/index.css
View File

@ -7,12 +7,13 @@
} }
.contact-container p { .contact-container p {
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono'); @import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono");
background-color: rgb(216, 221, 233); background-color: rgb(216, 221, 233);
border-radius: 5px; border-radius: 5px;
color: rgb(46, 51, 64); color: rgb(46, 51, 64);
font-family: 'IBM Plex Mono', mono; font-family: "IBM Plex Mono", mono;
margin: 10% auto; margin: 10% auto;
padding: 5px; padding: 5px;
user-select: all;
width: 150px; width: 150px;
} }

4
src/containers/Experience/index.css
View File

@ -29,8 +29,8 @@
margin-top: 0; margin-top: 0;
} }
@media screen and ( max-width: 500px ) { @media screen and (max-width: 500px) {
.experience-container>div { .experience-container > div {
flex: 1 0 100%; flex: 1 0 100%;
margin: auto; margin: auto;
} }

3
src/containers/Projects/index.css
View File

@ -19,8 +19,7 @@
margin-top: 3%; margin-top: 3%;
} }
@media screen and (max-width: 500px) {
@media screen and ( max-width: 500px ) {
.projects-container div { .projects-container div {
flex: 1 0 95%; flex: 1 0 95%;
} }

2
src/index.css
View File

@ -1,6 +1,6 @@
body { body {
background-color: rgb(46, 51, 65); background-color: rgb(46, 51, 65);
color: rgb(254, 255, 254); color: rgb(254, 255, 254);
font-family: 'Gothic A1', sans-serif; font-family: "Gothic A1", sans-serif;
font-size: 100%; font-size: 100%;
} }