chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Projects style updated

Browse Source 
Added fixed drop shadow
Responsive style is now more graceful on safari
background color makes transition look nicer
This commit is contained in:
Chuck Dries 2017-03-20 04:41:04 -07:00
parent 58886de444
commit aac7b36981
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/style.css
View File

@ -92,7 +92,9 @@ body {
padding: 0 0 1em 0; padding: 0 0 1em 0;
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
overflow: hidden; } overflow: hidden;
box-shadow: 1px 1px 4px #888;
background: white; }
.slide div .project .cover { .slide div .project .cover {
height: 15em; height: 15em;
background-position: center center; background-position: center center;
@ -155,8 +157,6 @@ body {
content: ""; content: "";
width: 2em; width: 2em;
height: 3em; } height: 3em; }
.slide div .project:hover {
box-shadow: 1px 1px 3px #333; }
.slide table { .slide table {
line-height: 1.3; line-height: 1.3;
margin: 0; margin: 0;
@ -181,10 +181,10 @@ body {
margin: auto; margin: auto;
padding: 0; } padding: 0; }
.slide div .project { .slide div .project {
width: 95vw; width: 90%;
float: none; float: none;
display: block; display: block;
margin: 0 0 .5em 1vw; } margin: 0 0 .5em 5%; }
.slide p, .slide p,
.slide h1, .slide h1,
.slide h2, .slide h2,

12
sass/style.scss
View File

@ -128,6 +128,8 @@ body {
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
overflow: hidden; overflow: hidden;
box-shadow: 1px 1px 4px #888;
background: white;
.cover { .cover {
height: 15em; height: 15em;
background-position: center center; background-position: center center;
@ -206,9 +208,9 @@ body {
} }
} }
} }
.project:hover { // .project:hover {
box-shadow: 1px 1px 3px #333; // box-shadow: 1px 1px 3px #333;
} // }
} }
table { table {
line-height: 1.3; line-height: 1.3;
@ -238,10 +240,10 @@ body {
margin: auto; margin: auto;
padding: 0; padding: 0;
.project { .project {
width: 95vw; width: 90%;
float: none; float: none;
display: block; display: block;
margin: 0 0 .5em 1vw; margin: 0 0 .5em 5%;
; ;
} }
} }