Remove menu icons and refactor pause menu defaults
Remove SVG icons from all pause menu items and their associated styles. Change default menu selection from MAP to none, and remove mouseenter selection behavior. Add Futura PT Demibold font and update typography. Remove HUD circle gradient effect from background.
This commit is contained in:
@@ -1,5 +1,12 @@
|
||||
/* Commonwealth Online — pause menu concept (1920×1080 baseline) */
|
||||
|
||||
@font-face {
|
||||
font-family: "Futura PT Demibold";
|
||||
src: url("../../fonts/futura-pt-demibold.otf") format("opentype");
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
* --co-ui-scale is set by JavaScript (script.js) to a numeric value
|
||||
@@ -24,7 +31,7 @@
|
||||
--co-select-text: #1a1c18;
|
||||
--co-border: rgba(201, 168, 74, 0.45);
|
||||
|
||||
--co-font: "Roboto Condensed", "Bahnschrift", "Arial Narrow", Arial, sans-serif;
|
||||
--co-font: "Futura PT Demibold", "Roboto Condensed", "Bahnschrift", "Arial Narrow", Arial, sans-serif;
|
||||
--co-transition: 120ms ease-out;
|
||||
|
||||
--co-panel-width: 28%;
|
||||
@@ -172,13 +179,6 @@ body {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background:
|
||||
/* faint HUD circle */
|
||||
radial-gradient(
|
||||
circle at 12% 88%,
|
||||
transparent 58%,
|
||||
rgba(62, 207, 74, 0.04) 59%,
|
||||
transparent 62%
|
||||
),
|
||||
/* horizontal scanlines */
|
||||
repeating-linear-gradient(
|
||||
0deg,
|
||||
@@ -286,22 +286,6 @@ body {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.menu-item__icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: calc(22px * var(--co-ui-scale));
|
||||
height: calc(22px * var(--co-ui-scale));
|
||||
flex-shrink: 0;
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.menu-item__icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.menu-item__label {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
@@ -341,8 +325,9 @@ body {
|
||||
color: var(--co-text-pale);
|
||||
}
|
||||
|
||||
.menu-item:hover:not(.is-selected) .menu-item__icon {
|
||||
opacity: 0.95;
|
||||
.menu-item:hover:not(.is-selected) .menu-item__bar {
|
||||
opacity: 1;
|
||||
transform: translateY(-50%) scaleX(1);
|
||||
}
|
||||
|
||||
.menu-item:focus-visible {
|
||||
@@ -355,11 +340,6 @@ body {
|
||||
color: var(--co-select-text);
|
||||
}
|
||||
|
||||
.menu-item.is-selected .menu-item__icon {
|
||||
opacity: 1;
|
||||
color: var(--co-select-text);
|
||||
}
|
||||
|
||||
.menu-item.is-selected .menu-item__bar {
|
||||
opacity: 1;
|
||||
transform: translateY(-50%) scaleX(1);
|
||||
|
||||
Reference in New Issue
Block a user