|
|
|
@ -58,7 +58,7 @@ button {
|
|
|
|
|
border-radius: $fallback--btnRadius;
|
|
|
|
|
border-radius: var(--btnRadius, $fallback--btnRadius);
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: 0px 0px 2px black;
|
|
|
|
|
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.2) inset;
|
|
|
|
|
box-shadow: var(--buttonShadow);
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
@ -78,6 +78,7 @@ button {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:active {
|
|
|
|
|
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset;
|
|
|
|
|
box-shadow: var(--buttonPressedShadow);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -103,7 +104,7 @@ input, textarea, .select {
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: $fallback--inputRadius;
|
|
|
|
|
border-radius: var(--inputRadius, $fallback--inputRadius);
|
|
|
|
|
box-shadow: 0px 0px 2px black inset;
|
|
|
|
|
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 0px 2px 0px rgba(0, 0, 0, 1) inset;
|
|
|
|
|
box-shadow: var(--inputShadow);
|
|
|
|
|
background-color: $fallback--fg;
|
|
|
|
|
background-color: var(--input, $fallback--fg);
|
|
|
|
|