Fix Ui Conrols on left
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -534,46 +534,48 @@ button {
|
|||||||
// controls
|
// controls
|
||||||
#controls {
|
#controls {
|
||||||
top: 100px;
|
top: 100px;
|
||||||
.scene-control.active,
|
ol {
|
||||||
.control-tool.active,
|
.scene-control.active,
|
||||||
.scene-control:hover,
|
.control-tool.active,
|
||||||
.control-tool:hover {
|
.scene-control:hover,
|
||||||
background: linear-gradient(
|
.control-tool:hover {
|
||||||
$l5r5e-linear-gradient-first,
|
|
||||||
$l5r5e-linear-gradient-first-dark,
|
|
||||||
$l5r5e-linear-gradient-first
|
|
||||||
);
|
|
||||||
background-origin: padding-box;
|
|
||||||
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
|
|
||||||
border-image-width: 0.25rem;
|
|
||||||
border-image-outset: 0px;
|
|
||||||
box-shadow: 0 0 10px $red;
|
|
||||||
&:hover {
|
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
$l5r5e-linear-gradient-first-dark,
|
|
||||||
$l5r5e-linear-gradient-first,
|
$l5r5e-linear-gradient-first,
|
||||||
$l5r5e-linear-gradient-first-dark
|
$l5r5e-linear-gradient-first-dark,
|
||||||
|
$l5r5e-linear-gradient-first
|
||||||
);
|
);
|
||||||
|
background-origin: padding-box;
|
||||||
|
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
|
||||||
|
border-image-width: 0.25rem;
|
||||||
|
border-image-outset: 0px;
|
||||||
|
box-shadow: 0 0 10px $red;
|
||||||
|
&:hover {
|
||||||
|
background: linear-gradient(
|
||||||
|
$l5r5e-linear-gradient-first-dark,
|
||||||
|
$l5r5e-linear-gradient-first,
|
||||||
|
$l5r5e-linear-gradient-first-dark
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
.scene-control,
|
||||||
.scene-control,
|
.control-tool {
|
||||||
.control-tool {
|
color: $white;
|
||||||
color: $white;
|
|
||||||
background: linear-gradient(
|
|
||||||
$l5r5e-linear-gradient-second,
|
|
||||||
$l5r5e-linear-gradient-second-dark,
|
|
||||||
$l5r5e-linear-gradient-second
|
|
||||||
);
|
|
||||||
background-origin: padding-box;
|
|
||||||
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
|
|
||||||
border-image-width: 0.25rem;
|
|
||||||
border-image-outset: 0px;
|
|
||||||
&:hover {
|
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
$l5r5e-linear-gradient-first-dark,
|
$l5r5e-linear-gradient-second,
|
||||||
$l5r5e-linear-gradient-first,
|
$l5r5e-linear-gradient-second-dark,
|
||||||
$l5r5e-linear-gradient-first-dark
|
$l5r5e-linear-gradient-second
|
||||||
);
|
);
|
||||||
|
background-origin: padding-box;
|
||||||
|
border-image: url("../assets/ui/macro-button.webp") 10 repeat;
|
||||||
|
border-image-width: 0.25rem;
|
||||||
|
border-image-outset: 0px;
|
||||||
|
&:hover {
|
||||||
|
background: linear-gradient(
|
||||||
|
$l5r5e-linear-gradient-first-dark,
|
||||||
|
$l5r5e-linear-gradient-first,
|
||||||
|
$l5r5e-linear-gradient-first-dark
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user