Release v0.1.6 2026-07-12
This commit is contained in:
Warren H
+128
-26
@@ -52,13 +52,13 @@ button:focus-visible {
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.prototype-shell {
|
||||
.app-shell {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
padding: 22px 24px 70px;
|
||||
}
|
||||
|
||||
.prototype-header {
|
||||
.app-header {
|
||||
width: min(var(--thor-main-css-width), 100%);
|
||||
margin: 0 auto 16px;
|
||||
display: flex;
|
||||
@@ -69,31 +69,31 @@ button:focus-visible {
|
||||
letter-spacing: 0.13em;
|
||||
}
|
||||
|
||||
.prototype-header div {
|
||||
.app-header div {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.prototype-header span,
|
||||
.prototype-header p {
|
||||
.app-header span,
|
||||
.app-header p {
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.prototype-header strong {
|
||||
.app-header strong {
|
||||
color: var(--ink);
|
||||
font-family: "Cinzel", Georgia, serif;
|
||||
font-size: 19px;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.prototype-header p {
|
||||
.app-header p {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.prototype-header p i {
|
||||
.app-header p i {
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
border-radius: 50%;
|
||||
@@ -366,10 +366,13 @@ button:focus-visible {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.boss-bar-wrap.is-dual { top: 2.2%; width: 39%; display: grid; gap: 3px; }
|
||||
.boss-bar-wrap.is-dual .boss-name strong { font-size: 10px; }
|
||||
.boss-bar-wrap.is-dual .boss-name { font-size: 6px; }
|
||||
.boss-bar-wrap.is-dual .boss-bar { height: 6px; margin-top: 2px; padding: 1px; }
|
||||
.boss-bar-wrap.is-multi { top: 2.2%; width: 39%; display: grid; gap: 3px; }
|
||||
.boss-bar-wrap.is-multi .boss-name strong { font-size: 10px; }
|
||||
.boss-bar-wrap.is-multi .boss-name { font-size: 6px; }
|
||||
.boss-bar-wrap.is-multi .boss-bar { height: 6px; margin-top: 2px; padding: 1px; }
|
||||
.boss-bar-wrap.is-trio { top: 1.1%; width: 42%; gap: 2px; }
|
||||
.boss-bar-wrap.is-trio .boss-name strong { font-size: 8px; }
|
||||
.boss-bar-wrap.is-trio .boss-bar { height: 5px; margin-top: 1px; }
|
||||
|
||||
.boss-name {
|
||||
display: grid;
|
||||
@@ -1134,6 +1137,8 @@ button:focus-visible {
|
||||
text-align: left;
|
||||
}
|
||||
.buff-choice-grid button.is-controller-focused { outline: 2px solid var(--gold-strong); outline-offset: 2px; transform: translateY(-2px); }
|
||||
.buff-draft.is-input-locked .buff-choice-grid button { cursor: default; filter: saturate(0.55) brightness(0.78); }
|
||||
.buff-draft.is-input-locked .buff-choice-grid button.is-controller-focused { outline-color: #60726b; transform: none; }
|
||||
.buff-choice-grid button > i { grid-row: 1 / 3; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--buff-accent); color: var(--buff-accent); font-family: "Cinzel", serif; font-size: 16px; font-style: normal; }
|
||||
.buff-choice-grid button > span { min-width: 0; display: grid; }
|
||||
.buff-choice-grid button small { color: var(--buff-accent); font-size: 6px; letter-spacing: 0.1em; text-transform: uppercase; }
|
||||
@@ -1278,9 +1283,9 @@ button:focus-visible {
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.prototype-shell { padding: 10px 7px 45px; }
|
||||
.prototype-header { padding: 0 4px; }
|
||||
.prototype-header p { display: none; }
|
||||
.app-shell { padding: 10px 7px 45px; }
|
||||
.app-header { padding: 0 4px; }
|
||||
.app-header p { display: none; }
|
||||
.screen-label span { font-size: 8px; }
|
||||
.screen-label small { display: none; }
|
||||
.display { box-shadow: 0 0 0 3px #080d0c, 0 0 0 4px rgba(152, 181, 171, 0.1), 0 12px 35px rgba(0,0,0,0.55); }
|
||||
@@ -1324,7 +1329,7 @@ button:focus-visible {
|
||||
.native-platform,
|
||||
.native-platform body,
|
||||
.native-platform #root,
|
||||
.native-platform .prototype-shell,
|
||||
.native-platform .app-shell,
|
||||
.native-platform .device-frame {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -1332,11 +1337,11 @@ button:focus-visible {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.native-platform .prototype-shell {
|
||||
.native-platform .app-shell {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.native-platform .prototype-header,
|
||||
.native-platform .app-header,
|
||||
.native-platform .screen-label,
|
||||
.native-platform .hinge {
|
||||
display: none;
|
||||
@@ -1753,7 +1758,7 @@ button:focus-visible {
|
||||
.home-title { padding: 17px 2px 12px; }
|
||||
.home-title span { color: var(--gold); font-size: 8px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
|
||||
.home-title h1 { margin: 2px 0 0; font-family: "Cinzel", serif; font-size: 25px; font-weight: 500; }
|
||||
.mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 84px); gap: 10px; }
|
||||
.mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, 78px); gap: 10px; }
|
||||
.mode-card { position: relative; display: grid; grid-template-columns: 54px 1fr 17px; align-items: center; gap: 12px; padding: 13px; overflow: hidden; text-align: left; }
|
||||
.mode-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, rgba(69,153,131,0.13), transparent 60%); pointer-events: none; }
|
||||
.mode-card.is-wide { grid-row: 1 / 3; }
|
||||
@@ -1811,6 +1816,10 @@ button:focus-visible {
|
||||
/* Profile */
|
||||
|
||||
.profile-surface { padding: 0 30px; }
|
||||
.profile-header { grid-template-columns: 190px minmax(0, 1fr) auto auto; }
|
||||
.profile-view-tabs { display: flex; gap: 4px; }
|
||||
.profile-view-tabs button { min-height: 28px; padding: 5px 9px; color: #80948c; font-size: 8px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
|
||||
.profile-view-tabs button.is-selected { border-color: var(--gold); color: var(--gold-strong); background: linear-gradient(180deg, rgba(102,82,30,.28), rgba(37,29,12,.18)); }
|
||||
.collection-heading { display: flex; align-items: end; justify-content: space-between; padding: 16px 2px 10px; }
|
||||
.collection-heading > span { display: grid; }
|
||||
.collection-heading small { color: var(--gold); font-size: 8px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; }
|
||||
@@ -1832,18 +1841,70 @@ button:focus-visible {
|
||||
.collection-note > span { display: flex; align-items: baseline; gap: 8px; }
|
||||
.collection-note strong { font-size: 9px; }
|
||||
.collection-note small { color: #758a82; font-size: 8px; }
|
||||
.trophy-heading { padding-top: 11px; }
|
||||
.trophy-case { display: grid; gap: 10px; }
|
||||
.trophy-count-1 { grid-template-columns: 1fr; }
|
||||
.trophy-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.trophy-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
.trophy-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
|
||||
.trophy-count-1 .boss-trophy { width: min(280px, 100%); justify-self: center; }
|
||||
.boss-trophy { --boss-accent: var(--gold); position: relative; min-width: 0; height: 326px; overflow: hidden; border: 1px solid #43574f; border-top: 2px solid #6e8079; background: radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--boss-accent) 18%, transparent), transparent 47%), linear-gradient(180deg, #0b1815, #07100e); box-shadow: inset 0 0 30px rgba(0,0,0,.55); }
|
||||
.boss-trophy::before { content: ""; position: absolute; inset: 7px; z-index: 2; border: 1px solid rgba(198,218,210,.1); pointer-events: none; }
|
||||
.boss-trophy.is-owned { border-color: color-mix(in srgb, var(--boss-accent) 68%, #d6bf79); box-shadow: inset 0 0 30px rgba(0,0,0,.42), 0 0 15px color-mix(in srgb, var(--boss-accent) 24%, transparent); }
|
||||
.boss-trophy.is-locked { border-color: #3b4844; background: linear-gradient(180deg, #111715, #080d0c); }
|
||||
.trophy-portrait { position: relative; height: 224px; overflow: hidden; border-bottom: 1px solid rgba(180,207,197,.16); background: radial-gradient(ellipse at 50% 68%, color-mix(in srgb, var(--boss-accent) 18%, transparent), transparent 48%); }
|
||||
.trophy-portrait canvas { position: relative; z-index: 1; display: block; width: 100% !important; height: 100% !important; pointer-events: none; }
|
||||
.trophy-portrait > span { position: absolute; right: 12px; bottom: 7px; z-index: 2; color: color-mix(in srgb, var(--boss-accent) 78%, #fff); font: 19px "Cinzel", serif; opacity: .72; }
|
||||
.boss-trophy.is-locked .trophy-portrait canvas { filter: grayscale(1) brightness(.36) contrast(1.18); opacity: .7; }
|
||||
.boss-trophy.is-locked .trophy-portrait::after { content: ""; position: absolute; inset: 0; z-index: 1; background: repeating-linear-gradient(135deg, rgba(8,12,11,.25) 0 5px, rgba(23,28,26,.16) 5px 10px); pointer-events: none; }
|
||||
.boss-trophy.is-locked .trophy-portrait > span { color: #75817d; opacity: .42; }
|
||||
.trophy-plaque { position: absolute; right: 10px; bottom: 12px; left: 10px; display: grid; }
|
||||
.trophy-plaque small { color: color-mix(in srgb, var(--boss-accent) 78%, #d8d0b4); font-size: 7px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
|
||||
.boss-trophy.is-locked .trophy-plaque small { color: #69756f; }
|
||||
.trophy-plaque strong { margin-top: 2px; overflow: hidden; font-family: "Cinzel", serif; font-size: 12px; font-weight: 500; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.trophy-plaque span { margin-top: 5px; color: #768981; font-size: 8px; text-transform: uppercase; }
|
||||
.trophy-state { position: absolute; top: 13px; left: 13px; z-index: 3; padding: 3px 6px; border: 1px solid color-mix(in srgb, var(--boss-accent) 58%, #716d5d); color: #fff0bb; background: rgba(9,17,14,.82); font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }
|
||||
.boss-trophy.is-locked .trophy-state { border-color: #56615d; color: #8b9893; background: rgba(12,16,15,.86); }
|
||||
.trophy-note { margin-top: 8px; }
|
||||
.boss-stats-heading { padding-top: 10px; }
|
||||
.boss-stats-layout { height: 331px; display: grid; grid-template-columns: minmax(235px, .78fr) minmax(0, 1.22fr); gap: 11px; }
|
||||
.boss-stat-selector { min-width: 0; display: grid; align-content: start; gap: 5px; }
|
||||
.boss-stat-selector button { width: 100%; min-height: 52px; display: grid; grid-template-columns: 30px minmax(0, 1fr) 32px; align-items: center; gap: 8px; padding: 6px 9px; text-align: left; }
|
||||
.boss-stat-selector button.is-selected { border-color: var(--gold); box-shadow: inset 3px 0 var(--gold); background: linear-gradient(90deg, rgba(93,73,23,.27), rgba(8,18,15,.88)); }
|
||||
.boss-stat-selector button > i { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #496159; color: var(--gold); font-style: normal; }
|
||||
.boss-stat-selector button > span { min-width: 0; display: grid; }
|
||||
.boss-stat-selector strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.boss-stat-selector small { overflow: hidden; color: #6f837b; font-size: 7px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
|
||||
.boss-stat-selector button > b { color: var(--gold-strong); font-family: "Cinzel", serif; font-size: 16px; text-align: right; }
|
||||
.leaderboard-panel { min-width: 0; overflow: hidden; border: 1px solid #435950; background: linear-gradient(180deg, rgba(11,25,21,.94), rgba(5,13,11,.94)); }
|
||||
.leaderboard-panel > header { height: 53px; display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--line); background: rgba(59,47,17,.16); }
|
||||
.leaderboard-panel > header span { min-width: 0; display: grid; }
|
||||
.leaderboard-panel > header small { color: var(--gold); font-size: 7px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
|
||||
.leaderboard-panel > header strong { overflow: hidden; font: 500 13px "Cinzel", serif; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.leaderboard-panel > header > b { color: #88a79b; font-size: 8px; text-transform: uppercase; }
|
||||
.leaderboard-rows { min-height: 218px; padding: 4px 8px; }
|
||||
.leaderboard-rows > div, .leaderboard-self { min-height: 40px; display: grid; grid-template-columns: 34px minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: 4px 7px; border-bottom: 1px solid rgba(164,195,184,.1); }
|
||||
.leaderboard-rows > div.is-you { background: rgba(102,81,24,.2); }
|
||||
.leaderboard-rows > div > b, .leaderboard-self > b { color: var(--gold); font: 600 12px "Cinzel", serif; }
|
||||
.leaderboard-rows span, .leaderboard-self span { min-width: 0; display: grid; }
|
||||
.leaderboard-rows strong, .leaderboard-self strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.leaderboard-rows small, .leaderboard-self small { color: #6d8179; font-size: 6px; text-transform: uppercase; }
|
||||
.leaderboard-rows em, .leaderboard-self em { color: #e8f3ee; font: 500 15px "Cinzel", serif; font-style: normal; text-align: right; }
|
||||
.leaderboard-self { min-height: 48px; margin: 0 8px 7px; border: 1px solid rgba(232,200,114,.33); background: rgba(79,62,19,.2); }
|
||||
.leaderboard-status, .leaderboard-empty { min-height: 218px; display: grid; place-items: center; padding: 20px; color: #71867e; font-size: 9px; text-align: center; text-transform: uppercase; }
|
||||
.leaderboard-empty { min-height: 200px !important; border: 0 !important; }
|
||||
.profile-context { padding: 0 5.5% 18px; }
|
||||
.profile-context .context-header { margin: 0 -5.8%; }
|
||||
.profile-stats { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
|
||||
.profile-stats span { display: grid; padding: 12px 9px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
|
||||
.profile-stats span:nth-child(even) { border-right: 0; }
|
||||
.profile-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
|
||||
.profile-stats span { min-width: 0; display: grid; padding: 8px 6px; border-right: 1px solid var(--line); }
|
||||
.profile-stats span:last-child { border-right: 0; }
|
||||
.profile-stats small { color: #6d8179; font-size: clamp(7px, 1.5cqw, 9px); text-transform: uppercase; }
|
||||
.profile-stats strong { color: var(--gold-strong); font-family: "Cinzel", serif; font-size: clamp(16px, 3.3cqw, 20px); font-weight: 500; }
|
||||
.boss-log { margin-top: 13px; }
|
||||
.profile-stats strong { color: var(--gold-strong); font-family: "Cinzel", serif; font-size: clamp(14px, 2.8cqw, 17px); font-weight: 500; }
|
||||
.boss-log { margin-top: 7px; }
|
||||
.boss-log > span { color: #6c8179; font-size: 8px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
|
||||
.boss-log button { width: 100%; min-height: 52px; display: grid; grid-template-columns: 34px 1fr 30px; align-items: center; gap: 10px; margin-top: 7px; padding: 7px 10px; text-align: left; }
|
||||
.boss-log button { width: 100%; min-height: 36px; display: grid; grid-template-columns: 28px 1fr 30px; align-items: center; gap: 7px; margin-top: 3px; padding: 3px 8px; text-align: left; }
|
||||
.boss-log button.is-selected { border-left: 2px solid var(--gold); background: linear-gradient(90deg, rgba(91,75,31,0.22), rgba(8,21,17,0.85)); }
|
||||
.boss-log button > i { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #4d635b; color: var(--gold); font-style: normal; }
|
||||
.boss-log button > i { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #4d635b; color: var(--gold); font-style: normal; }
|
||||
.boss-log button > span { display: grid; }
|
||||
.boss-log strong { font-size: clamp(10px, 2.15cqw, 13px); }
|
||||
.boss-log small { color: #687d75; font-size: clamp(7px, 1.45cqw, 9px); text-transform: uppercase; }
|
||||
@@ -2005,6 +2066,9 @@ button:focus-visible {
|
||||
.front-screen-header { height: 44px; grid-template-columns: 125px 1fr auto; gap: 7px; }
|
||||
.front-screen-header h1 { font-size: 11px; }
|
||||
.save-surface, .home-surface, .profile-surface, .settings-surface, .mode-surface { padding-right: 12px; padding-left: 12px; }
|
||||
.profile-header { grid-template-columns: 125px minmax(0, 1fr) auto auto; }
|
||||
.profile-view-tabs { gap: 2px; }
|
||||
.profile-view-tabs button { min-height: 22px; padding: 3px 5px; font-size: 5px; }
|
||||
.save-slot-grid { height: calc(100% - 75px); gap: 5px; }
|
||||
.save-slot { height: 84%; padding: 7px 5px; }
|
||||
.slot-portrait { width: 36px; height: 36px; margin-top: 7px; font-size: 14px; }
|
||||
@@ -2054,6 +2118,40 @@ button:focus-visible {
|
||||
.collection-drop > p { right: 5px; bottom: 4px; left: 5px; padding-top: 3px; }
|
||||
.collection-note { margin-top: 5px; padding: 3px 5px; }
|
||||
.collection-note strong, .collection-note small { font-size: 5px; }
|
||||
.trophy-heading { padding-top: 4px; }
|
||||
.trophy-case { gap: 5px; }
|
||||
.trophy-count-1 .boss-trophy { width: min(180px, 100%); }
|
||||
.boss-trophy { height: 211px; }
|
||||
.boss-trophy::before { inset: 3px; }
|
||||
.trophy-portrait { height: 140px; }
|
||||
.trophy-portrait > span { right: 6px; bottom: 3px; font-size: 10px; }
|
||||
.trophy-plaque { right: 5px; bottom: 6px; left: 5px; }
|
||||
.trophy-plaque small, .trophy-state { font-size: 4px; }
|
||||
.trophy-plaque strong { font-size: 7px; }
|
||||
.trophy-plaque span { margin-top: 2px; font-size: 4px; }
|
||||
.trophy-state { top: 6px; left: 6px; padding: 2px 3px; }
|
||||
.trophy-note { margin-top: 4px; }
|
||||
.boss-stats-heading { padding-top: 3px; }
|
||||
.boss-stats-layout { height: 213px; grid-template-columns: minmax(138px, .82fr) minmax(0, 1.18fr); gap: 4px; }
|
||||
.boss-stat-selector { gap: 2px; }
|
||||
.boss-stat-selector button { min-height: 34px; grid-template-columns: 18px minmax(0, 1fr) 18px; gap: 3px; padding: 2px 4px; }
|
||||
.boss-stat-selector button > i { width: 16px; height: 16px; font-size: 7px; }
|
||||
.boss-stat-selector strong { font-size: 6px; }
|
||||
.boss-stat-selector small { font-size: 4px; }
|
||||
.boss-stat-selector button > b { font-size: 9px; }
|
||||
.leaderboard-panel > header { height: 35px; padding: 3px 6px; }
|
||||
.leaderboard-panel > header small { font-size: 4px; }
|
||||
.leaderboard-panel > header strong { font-size: 7px; }
|
||||
.leaderboard-panel > header > b { font-size: 4px; }
|
||||
.leaderboard-rows { min-height: 139px; padding: 2px 4px; }
|
||||
.leaderboard-rows > div, .leaderboard-self { min-height: 25px; grid-template-columns: 20px minmax(0, 1fr) 24px; gap: 3px; padding: 2px 3px; }
|
||||
.leaderboard-rows > div > b, .leaderboard-self > b { font-size: 7px; }
|
||||
.leaderboard-rows strong, .leaderboard-self strong { font-size: 5px; }
|
||||
.leaderboard-rows small, .leaderboard-self small { font-size: 3px; }
|
||||
.leaderboard-rows em, .leaderboard-self em { font-size: 8px; }
|
||||
.leaderboard-self { min-height: 29px; margin: 0 4px 3px; }
|
||||
.leaderboard-status, .leaderboard-empty { min-height: 139px; padding: 7px; font-size: 5px; }
|
||||
.leaderboard-empty { min-height: 130px !important; }
|
||||
.settings-layout { gap: 7px; padding-top: 7px; }
|
||||
.volume-setting { height: 98px; padding: 7px; }
|
||||
.volume-setting strong { font-size: 8px; }
|
||||
@@ -2141,6 +2239,10 @@ button:focus-visible {
|
||||
.gear-slot-list button > i { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #3d554c; color: #8fc4b1; font-style: normal; }
|
||||
.gear-owner-list button.is-selected,
|
||||
.gear-slot-list button.is-selected { border-color: var(--gold); box-shadow: inset 3px 0 var(--gold); background: rgba(72,58,21,.16); }
|
||||
.gear-owner-list button.is-upgrade-ready,
|
||||
.gear-slot-list button.is-upgrade-ready { border-color: #65e6a8; box-shadow: inset 3px 0 #65e6a8, 0 0 12px rgba(101,230,168,.28); background: rgba(29,103,72,.2); }
|
||||
.gear-owner-list button.is-upgrade-ready.is-selected,
|
||||
.gear-slot-list button.is-upgrade-ready.is-selected { box-shadow: inset 3px 0 var(--gold), 0 0 0 1px rgba(101,230,168,.35), 0 0 12px rgba(101,230,168,.28); }
|
||||
.gear-preview { padding: 16px; border: 1px solid var(--line); background: radial-gradient(circle at 70% 20%, rgba(232,200,114,.1), transparent 45%), rgba(7,18,15,.84); }
|
||||
.gear-preview > span { color: var(--gold); font-size: 7px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
|
||||
.gear-preview h2 { margin: 8px 0; font: 500 17px "Cinzel", serif; }
|
||||
|
||||
Reference in New Issue
Block a user