Perform minor aesthetic CSS changes
This commit is contained in:
parent
6f835ad096
commit
9e57dd43f0
|
@ -2,7 +2,7 @@
|
||||||
//
|
//
|
||||||
$theme: #018574;
|
$theme: #018574;
|
||||||
$text: #e8eef2;
|
$text: #e8eef2;
|
||||||
$light-grey: #494f5c;
|
$light-grey: #181a1b;
|
||||||
$dark-grey: #3B3E48;
|
$dark-grey: #3B3E48;
|
||||||
$highlight-grey: #7d828a;
|
$highlight-grey: #7d828a;
|
||||||
$midnightblue: #2c3e50;
|
$midnightblue: #2c3e50;
|
||||||
|
|
|
@ -228,7 +228,6 @@ table {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: -1px -2px 3px rgba(0, 0, 0, 0.45);
|
|
||||||
background-color: $dark-grey;
|
background-color: $dark-grey;
|
||||||
animation-duration: .3s;
|
animation-duration: .3s;
|
||||||
}
|
}
|
||||||
|
@ -237,13 +236,13 @@ table {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: .5em 0;
|
padding: .1em 0;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
|
|
||||||
.site-branding {
|
.site-branding {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: .8em;
|
margin-right: .8em;
|
||||||
font-size: 1.2em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-nav {
|
.site-nav {
|
||||||
|
@ -266,8 +265,8 @@ table {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.hdr-icons {
|
#menu-btn {
|
||||||
font-size: 1.2em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hdr-social {
|
.hdr-social {
|
||||||
|
@ -299,13 +298,12 @@ table {
|
||||||
|
|
||||||
#mobile-menu {
|
#mobile-menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 4.8em;
|
bottom: 3.5em;
|
||||||
right: 1.5em;
|
right: 1.5em;
|
||||||
display: none;
|
display: none;
|
||||||
padding: .6em 1.8em;
|
padding: .6em 1.8em;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: -1px -2px 3px 0px rgba(0, 0, 0, 0.45);
|
|
||||||
background-color: $dark-grey;
|
background-color: $dark-grey;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
|
Loading…
Reference in New Issue