1
0
Fork 0

Add param button styling

This commit is contained in:
Robbert van der Helm 2022-11-04 16:21:39 +01:00
parent b8f43ad1fe
commit d7f1f1e85f

View file

@ -31,31 +31,35 @@ param-button {
width: auto; width: auto;
border-color: #0a0a0a; border-color: #0a0a0a;
border-width: 1px; border-width: 1px;
background-color: transparent; child-top: 1s;
child-right: 5px;
child-bottom: 1s;
child-left: 5px;
background-color: #80808000;
transition: background-color 0.1 0; transition: background-color 0.1 0;
} }
param-button:hover { param-button:hover {
background-color: #8080801a; background-color: #80808020;
transition: background-color 0.1 0; transition: background-color 0.1 0;
} }
param-button:checked { param-button:checked {
background-color: #e5e5e5; background-color: #808080;
transition: background-color 0.1 0; transition: background-color 0.1 0;
} }
param-button:hover { param-button.bypass {
background-color: #ffaba51a; background-color: #ffcfcb00;
transition: background-color 0.1 0;
}
param-button.bypass:hover {
background-color: #ffcfcb20;
transition: background-color 0.1 0; transition: background-color 0.1 0;
} }
param-button.bypass:checked { param-button.bypass:checked {
background-color: #ffaba5; background-color: #ffcfcb;
transition: background-color 0.1 0; transition: background-color 0.1 0;
} }
param-button label {
/* TODO */
}
param-slider { param-slider {
height: 30px; height: 30px;
width: 180px; width: 180px;