Tweak
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ .Site.LanguageCode }}" dir="ltr">
|
<html lang="{{ .Site.LanguageCode }}" dir="ltr">
|
||||||
{{ partial "head.html" . }}
|
{{ partial "head.html" . }}
|
||||||
<body style="background-color: #f9f9f9;">
|
<body style="background-color: #f0f1f2;">
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
<div class="card-content-container">
|
<div class="card-content-container">
|
||||||
<header class="list-header">
|
<header class="list-header">
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ img {
|
|||||||
.card-columns {
|
.card-columns {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-gap: 1.2em;
|
grid-gap: 1.5em;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.card {
|
.card {
|
||||||
@@ -107,12 +107,12 @@ img {
|
|||||||
border-radius: 0.2em;
|
border-radius: 0.2em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
transition: transform 0.3s, box-shadow 0.3s;
|
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
|
||||||
box-shadow: 0 0.2em 0.7em 0 rgba(0, 0, 0, 0.1), 0 0 0.2em 0 rgba(0, 0, 0, 0.05);
|
box-shadow: 0 0.4em 0.8em rgba(0,0,0,0.16), 0 0.3em 0.3em rgba(0,0,0,0.23);
|
||||||
}
|
}
|
||||||
.card-active {
|
.card-active {
|
||||||
transform: scale(0.95);
|
transform: scale(0.95);
|
||||||
box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0.15em 0.3em rgba(0, 0, 0, 0.16), 0 0.15em 0.3em rgba(0, 0, 0, 0.23);
|
||||||
}
|
}
|
||||||
.card-body {
|
.card-body {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
|||||||
Reference in New Issue
Block a user