rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

rainbow-quox download button

Browse source
This commit is contained in:
Rhiannon Morris 2024-12-16 22:40:26 +01:00
parent 845c0b9708
commit 7e4518bdaf
5 changed files with 86 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

21
rainbow-quox/style/style.scss
View file

@ -165,12 +165,21 @@ $button-fg: oklch(0.98 0.1 var(--c-hue));
}
#showui { transform: translateX(-200%); }
#palette-holder {
#palette-bar {
margin: -60px auto 0;
position: relative;
}
#palette-holder {
padding-top: 25px;
overflow-y: hidden;
}
#palette { @include shadow; }
#download-button {
@include image-button;
position: absolute;
bottom: 100%;
right: 20px;
}
@mixin history-flex {
@ -286,13 +295,15 @@ $button-fg: oklch(0.98 0.1 var(--c-hue));
#current { @include transy(all); }
#close-history { @include transy; }
#download-button { @include transy(opacity); }
}
[data-state=fullquox], [data-state=loading] {
#buttons button { transform: none; }
#current { transform: translateX(100%); }
#palette { transform: translateY(125%); }
#back { transform: translateX(-200%); }
#buttons button { transform: none; }
#current { transform: translateX(100%); }
#palette { transform: translateY(125%); }
#download-button { opacity: 0; }
#back { transform: translateX(-200%); }
}
[data-state=fullquox] {