1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00

Updated logo

This commit is contained in:
squidfunk 2021-02-15 12:38:53 +01:00
parent 94bd6da19b
commit b216aa7f1c

View File

@ -2,16 +2,19 @@
<foreignObject width="100%" height="100%">
<div xmlns="http://www.w3.org/1999/xhtml">
<style>
@keyframes backdrop {
0%, 100% {
opacity: .1;
transform: scale(.9);
0%,
100% {
transform: scale(0.9);
opacity: 0.1;
}
20%, 70% {
opacity: 1;
20%,
70% {
transform: scale(1.1);
opacity: 1;
}
50% {
transform: scale(1);
}
@ -28,6 +31,8 @@
system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
letter-spacing: -1px;
background: #FFFFFF;
border-radius: 2px;
}
.logo {
@ -39,23 +44,23 @@
position: relative;
display: block;
margin: 20%;
fill: white;
fill: #FFFFFF;
}
.backdrop {
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
background-image: linear-gradient(#1A1A1A, #5E5E5E);
border-radius: 100%;
animation: backdrop infinite both 10s 1s ease-in-out;
}
h1 {
margin: 24px 0 4px;
color: #1A1A1A;
font-size: 24px;
color: CanvasText;
font-weight: bold;
font-size: 24px;
}
h2 {
@ -64,10 +69,6 @@
font-size: 14px;
}
[data-color-mode=dark] h1 {
color: #E5E5E5;
}
</style>
<div class="container">
<div class="logo">

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB