adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve electro style

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-12-08 00:05:17 +01:00
parent b17db2ffd4
commit ed4d9b82c9
1 changed files with 8 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
css/electro.css
View File

@ -19,11 +19,9 @@ body[data-bs-theme="dark"] {
padding: 1px; padding: 1px;
position: relative; position: relative;
z-index: 0; z-index: 0;
box-shadow: border-radius: 4px;
-1px -1px 4px rgba(128, 128, 128, 25%), background-color: rgba(128, 128, 128, 25%);
-1px 1px 4px rgba(128, 128, 128, 25%), box-shadow: 0px 0px 8px rgba(128, 128, 128, 75%);
1px -1px 4px rgba(128, 128, 128, 25%),
1px 1px 4px rgba(128, 128, 128, 25%);
} }
.mino:not(.ghost):not(.locking):before { .mino:not(.ghost):not(.locking):before {
@ -31,7 +29,7 @@ body[data-bs-theme="dark"] {
position: absolute; position: absolute;
z-index: -1; z-index: -1;
inset: 0; inset: 0;
margin: 1px; margin: 1px 1px 0px 0px;
padding: 2px; padding: 2px;
border-radius: 4px; border-radius: 4px;
--glint-x: calc(50% + 50% * (var(--piece-column) - var(--column))/10); --glint-x: calc(50% + 50% * (var(--piece-column) - var(--column))/10);
@ -51,19 +49,11 @@ body[data-bs-theme="dark"] {
background: transparent; background: transparent;
border: 1px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 3px; border-radius: 3px;
box-shadow: box-shadow: 0px 0px 10px rgba(242, 255, 255, 75%);
-1px -1px 8px rgba(242, 255, 255, 32%),
-1px 1px 8px rgba(242, 255, 255, 32%),
1px -1px 8px rgba(242, 255, 255, 32%),
1px 1px 8px rgba(242, 255, 255, 32%);
} }
.moving.mino { .moving.mino {
box-shadow: box-shadow: 0px 0px 5px rgba(128, 128, 128, 75%);
-1px -1px 5px rgba(128, 128, 128, 35%),
-1px 1px 5px rgba(128, 128, 128, 35%),
1px -1px 5px rgba(128, 128, 128, 35%),
1px 1px 5px rgba(128, 128, 128, 35%);
} }
.moving.mino:not(.locking) { .moving.mino:not(.locking) {
@ -78,11 +68,7 @@ body[data-bs-theme="dark"] {
background: rgba(186, 211, 255, 70%); background: rgba(186, 211, 255, 70%);
border-color: rgba(242, 255, 255, 0.7); border-color: rgba(242, 255, 255, 0.7);
border-radius: 4px; border-radius: 4px;
box-shadow: box-shadow: 0px 0px 10px rgba(242, 255, 255, 100%);
-1px -1px 8px rgba(242, 255, 255, 32%),
-1px 1px 8px rgba(242, 255, 255, 32%),
1px -1px 8px rgba(242, 255, 255, 32%),
1px 1px 8px rgba(242, 255, 255, 32%);
} }
@keyframes locked-animation { @keyframes locked-animation {