zcy
/
websch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing sponsorship lightmode

master
Mark MacKay 2021-06-04 13:01:53 -05:00
parent f5abdc93f8
commit 96fd07b05c
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/css/sponsors.css
View File

@ -1,7 +1,7 @@
#sponsors {
display: none;
margin-left: auto;
margin-right: calc(var(--panel-width) + var(--x4));
position: absolute;
right: calc(var(--panel-width) + var(--x4));
}
.sponsor a {
@ -77,7 +77,7 @@
}
.sponsor a:hover {
color: var(--z15);
color: var(--z0);
background: var(--d7);
}
@ -90,7 +90,7 @@
.sponsor-description {
transition: all var(--transition-duration) ease;
position: absolute;
right: calc(var(--panel-width) + var(--x4));
right: 0;
top: var(--x10);
width: calc(var(--x16)*4);
z-index: 100;
@ -98,7 +98,7 @@
padding: var(--x6);
border-radius: var(--x1);
line-height: 150%;
box-shadow: var(--x1) var(--x1) var(--x8) rgba(0,0,0,0.2);
box-shadow: var(--shadow);
margin-left: 0;
opacity: 0;
pointer-events: none;

4
src/index.html
View File

@ -128,13 +128,13 @@
</div>
</div>
<div class="sponsors inverted-undo" id="sponsors">
<div class="sponsors" id="sponsors">
<div class="sponsor">
<a href="https://deta.space/discovery/method-draw?ref=method.ac" class="deta">
<span></span><span></span><span></span><span></span>
Install
</a>
<div class="sponsor-description">
<div class="sponsor-description inverted-undo">
<strong>Install Method Draw on Deta Space</strong>
<span>With Method Draw on Deta Space, you can securely save, open, and share your designs in the cloud.</span>
<p>These designs are available to you across your devices, over the internet, for free.</p><p> Click the button to try Method Draw on Deta Space!</p>