Tweak header and improve card design

This commit is contained in:
Joseph Hutchinson
2018-03-27 15:28:14 -04:00
parent 491ed97b8e
commit 3890b12a6c
4 changed files with 15 additions and 49 deletions

View File

@@ -18,14 +18,15 @@ strong {
top: 0;
z-index: 3;
width: 100%;
height: 3em;
transition: top 0.2s ease-in-out;
background-color: lightseagreen;
box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, 0.2), 0 0 0.2em 0 rgba(0, 0, 0, 0.1);
padding: 0.45em 0;
text-align: center;
background-color: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(1.5em);
-webkit-backdrop-filter: blur(1.5em);
box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.05);
}
.nav-bar-up {
top: -3em;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
.nav-header {
margin: 0 0;
}
.post {
line-height: 1.5;
@@ -87,12 +88,14 @@ img {
display: block;
background-color: white;
border-radius: 0.2em;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: transform 0.3s, box-shadow 0.3s;
box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, 0.2), 0 0 0.2em 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0.3em 0.6em 0 rgba(0, 0, 0, 0.1), 0 0 0.2em 0 rgba(0, 0, 0, 0.05);
}
.card-link-wrapper-active {
transform: scale(0.95);
box-shadow: 0 0.23em 0.5em 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0.20em 0.5em 0 rgba(0, 0, 0, 0.15);
}
.card {
padding: 1em;
@@ -150,6 +153,7 @@ hr {
}
a {
text-decoration: none;
color: #3A3B3C;
}
table {
color: #3A3B3C;