Add param button styling
This commit is contained in:
parent
b8f43ad1fe
commit
d7f1f1e85f
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue