OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Updated logo

Browse Source
This commit is contained in:
squidfunk 2021-02-15 12:38:53 +01:00
parent 94bd6da19b
commit b216aa7f1c
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
.github/assets/logo.svg vendored
View File

@ -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">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB