𝓂𝓎 𝒷𝒶𝓁𝓁𝓈 𝓉𝒽𝑒𝓎 𝒾𝓉𝒸𝒽

This commit is contained in:
cryptofyre 2021-12-26 22:17:06 -06:00
parent 3000ce5bfc
commit 05578fd0e7

View file

@ -1,5 +1,5 @@
@import url("ameframework.css"); @import url("ameframework.css");
@import url("assets/fonts/Inter/inter.css"); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
:root { :root {
--appleEase: cubic-bezier(0.42, 0, 0.58, 1); --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
@ -36,8 +36,7 @@ body {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background: #0000; background: #0000;
font-family: "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: 'Inter', 'Noto Sans JP', "Segoe UI Variable Display", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
// font-family: "Inter var experimental", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
transition: opacity .10s var(--appleEase); transition: opacity .10s var(--appleEase);
} }
@ -1390,6 +1389,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
font-family: 'Inter', 'Noto Sans JP', sans-serif;
} }
.lyric-body .no-lyrics { .lyric-body .no-lyrics {
@ -1589,11 +1589,11 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
background: rgb(18 18 18 / 90%); background: rgb(18 18 18 / 90%);
overflow: hidden; overflow: hidden;
backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%);
.modal-header { .modal-header {
padding: 16px; padding: 16px;
position:relative; position:relative;
.modal-title { .modal-title {
text-align: center; text-align: center;
} }
@ -1610,7 +1610,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
&:hover { &:hover {
background-color: rgb(196, 43, 28) background-color: rgb(196, 43, 28)
} }
@ -2782,7 +2782,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
/* mediaitem-square */ /* mediaitem-square */
.albums-square-containeru > * > .cd-mediaitem-square { .albums-square-containeru > * > .cd-mediaitem-square {
--frame: max(220px, 15vw ); --frame: max(220px, 15vw );
width: var(--frame); width: var(--frame);
height: calc(var(--frame) * 13 / 11); height: calc(var(--frame) * 13 / 11);
display: inline-flex; display: inline-flex;