Tweaked styles on the sidebar.

This commit is contained in:
John Shaver 2018-10-04 16:17:48 -07:00
parent d8b1e7c6fe
commit d145271bfb
2 changed files with 8 additions and 8 deletions

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
@ -199,7 +199,7 @@
<li><i class="fab fa-linkedin fa-fw"></i> <a href="https://www.linkedin.com/in/thejshaver">thejshaver</a></li>
<li><i class="fas fa-envelope fa-fw"></i> <a href="mailto:john@jshaver.net?subject=%5C(%E2%80%A2%20%E2%97%A1%20%E2%80%A2)%2F%20OMG!%20Amazing%20Resume!!&body=Dear%20John%2C%0A">john@jshaver.net</a></li>
<li><i class="fas fa-phone fa-fw"></i> <a href="tel:18018503052">801.850.3052</a></li>
<li><i class="fab fa-git fa-fw"></i> <a href="https://git.jshaver.net/jshaver">git.jshaver.net/jshaver</a></li>
<li><i class="fas fa-code-branch fa-fw"></i> <a href="https://git.jshaver.net/jshaver">git.jshaver.net/jshaver</a></li>
</ul>
</div>
<div class="side-block skills">

View file

@ -61,8 +61,8 @@ li{
position: relative; /* for disclaimer */
width: var(--sidebar-width);
height: 100%;
padding: 6.48rem var(--sidebar-horizontal-padding);
background-color: #f3f3f3;
padding: 4.5rem var(--sidebar-horizontal-padding);
background-color: #f8f8f8;
font-size: 1.274968rem;
}
@ -327,16 +327,16 @@ li{
}
.side-block{
margin-top: 7.02rem;
margin-top: 6.5rem;
}
#contact ul{
margin-top: 0.54rem;
padding-left: 0;
font-family: "Source Code Pro";
font-family: "Inconsolata", monospace;
font-weight: 400;
line-height: 1.75;
font-size: 1.049974rem;
font-size: 1.3rem;
}
#contact li > i{
@ -450,7 +450,7 @@ svg.ts-logo {
position: fixed;
bottom: 0;
right: 10rem;
background-color: #214827eb;
background-color: #214827de;
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
font-size: 1.1rem;
color: #FFF;