mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-16 05:09:57 +00:00
96be9ffbc3
- accommodate space for scaling animation - replace static padding with variable in calculations - no more weird padding on mobile
28 lines
563 B
Svelte
28 lines
563 B
Svelte
<script>
|
|
import IconCobalt from '$lib/icons/Cobalt.svelte';
|
|
</script>
|
|
|
|
<div id="cobalt-logo">
|
|
<IconCobalt />
|
|
</div>
|
|
|
|
<style>
|
|
#cobalt-logo {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: calc(var(--padding) * 2);
|
|
|
|
/* accommodate space for scaling animation */
|
|
padding-bottom: calc(
|
|
var(--padding) * 2 - var(--sidebar-inner-padding)
|
|
);
|
|
}
|
|
|
|
@media screen and (max-width: 535px) {
|
|
#cobalt-logo {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|