nicd/elektrofoni
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Styling stuff

Browse source
This commit is contained in:
Mikko Ahlroth 2023-12-28 12:43:41 +02:00
parent 843460594e
commit e93c0c1d5b
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Elektrofoni"> <meta name="application-name" content="Elektrofoni">
<meta name="apple-mobile-web-app-title" content="Elektrofoni"> <meta name="apple-mobile-web-app-title" content="Elektrofoni">
<meta name="theme-color" content="#abcdef"> <meta name="theme-color" content="#833ab4">
<meta name="msapplication-navbutton-color" content="#abcdef"> <meta name="msapplication-navbutton-color" content="#833ab4">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content="/"> <meta name="msapplication-starturl" content="/">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

9
style.css
View file

@ -17,6 +17,7 @@
--text-color: #123456; --text-color: #123456;
--glass-opacity: 0.3; --glass-opacity: 0.3;
--glass-opacity-active: 0.2;
--glass-shadow-opacity: 0.1; --glass-shadow-opacity: 0.1;
--glass-background: rgba(255, 255, 255, var(--glass-opacity)); --glass-background: rgba(255, 255, 255, var(--glass-opacity));
--glass-blur: 10px; --glass-blur: 10px;
@ -44,6 +45,10 @@
background: var(--glass-background); background: var(--glass-background);
} }
.glass-button:active {
background: rgba(255, 255, 255, var(--glass-opacity-active));
}
.glass-shadow, .glass-shadow,
.glass-button, .glass-button,
.glass-input { .glass-input {
@ -325,3 +330,7 @@ single-artist-view {
.library-item h3 { .library-item h3 {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.library-item:active {
background: var(--glass-background);
}