|
|
|
@ -58,9 +58,10 @@ button {
|
|
|
|
|
border-radius: $fallback--btnRadius;
|
|
|
|
|
border-radius: var(--btnRadius, $fallback--btnRadius);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
border-top: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
|
/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
|
|
|
|
|
/* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
|
|
|
|
|
box-shadow: 0px 0px 2px black;
|
|
|
|
|
box-shadow: var(--buttonShadow);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
|
|
|
|
@ -75,11 +76,12 @@ button {
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
|
|
|
|
|
box-shadow: var(--buttonHoverShadow);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
|
/* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
|
|
|
|
|
/* border-top: 1px solid rgba(0, 0, 0, 0.2); */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:disabled {
|
|
|
|
@ -104,9 +106,10 @@ input, textarea, .select {
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: $fallback--inputRadius;
|
|
|
|
|
border-radius: var(--inputRadius, $fallback--inputRadius);
|
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
|
/* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
|
|
|
|
|
/* border-top: 1px solid rgba(0, 0, 0, 0.2); */
|
|
|
|
|
box-shadow: 0px 0px 2px black inset;
|
|
|
|
|
box-shadow: var(--inputShadow);
|
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
|
background-color: var(--input, $fallback--fg);
|
|
|
|
|
color: $fallback--lightText;
|
|
|
|
@ -184,6 +187,7 @@ input, textarea, .select {
|
|
|
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
|
|
|
|
border-top: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
|
box-shadow: 0px 0px 2px black inset;
|
|
|
|
|
box-shadow: var(--inputShadow);
|
|
|
|
|
margin-right: .5em;
|
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
|
background-color: var(--input, $fallback--fg);
|
|
|
|
@ -365,6 +369,7 @@ main-router {
|
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
|
background-color: var(--panel, $fallback--fg);
|
|
|
|
|
align-items: baseline;
|
|
|
|
|
box-shadow: var(--panelHeaderShadow);
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
flex: 1 0 auto;
|
|
|
|
|