mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-11-28 09:20:52 +01:00
Updated logo
This commit is contained in:
parent
94bd6da19b
commit
b216aa7f1c
29
.github/assets/logo.svg
vendored
29
.github/assets/logo.svg
vendored
@ -2,16 +2,19 @@
|
|||||||
<foreignObject width="100%" height="100%">
|
<foreignObject width="100%" height="100%">
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml">
|
<div xmlns="http://www.w3.org/1999/xhtml">
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
@keyframes backdrop {
|
@keyframes backdrop {
|
||||||
0%, 100% {
|
0%,
|
||||||
opacity: .1;
|
100% {
|
||||||
transform: scale(.9);
|
transform: scale(0.9);
|
||||||
|
opacity: 0.1;
|
||||||
}
|
}
|
||||||
20%, 70% {
|
|
||||||
opacity: 1;
|
20%,
|
||||||
|
70% {
|
||||||
transform: scale(1.1);
|
transform: scale(1.1);
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
@ -28,6 +31,8 @@
|
|||||||
system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
|
system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
|
||||||
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
|
||||||
letter-spacing: -1px;
|
letter-spacing: -1px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
@ -39,23 +44,23 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 20%;
|
margin: 20%;
|
||||||
fill: white;
|
fill: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdrop {
|
.backdrop {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 100%;
|
|
||||||
background-image: linear-gradient(#1A1A1A, #5E5E5E);
|
background-image: linear-gradient(#1A1A1A, #5E5E5E);
|
||||||
|
border-radius: 100%;
|
||||||
animation: backdrop infinite both 10s 1s ease-in-out;
|
animation: backdrop infinite both 10s 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 24px 0 4px;
|
margin: 24px 0 4px;
|
||||||
color: #1A1A1A;
|
color: CanvasText;
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
@ -64,10 +69,6 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-color-mode=dark] h1 {
|
|
||||||
color: #E5E5E5;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
Loading…
Reference in New Issue
Block a user