admin2/openfreebooks-bookgenerator
1
0
Fork 0
mirror of https://github.com/HananoshikaYomaru/openfreebooks.git synced 2026-11-13 04:55:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor math notation and integer foundations content: Update basic math notation to replace half-bar representation with a dot-based notation for clarity. Enhance integer foundations by revising definitions, adding historical context, and improving explanations of operations, absolute value, and percentages. Include new examples and applications to better illustrate concepts and their relevance in real-world scenarios.

Browse source
This commit is contained in:
Hananoshika Yomaru 2026-05-21 16:42:19 -07:00
parent 057f2bebf2
commit f74867fe4c
9 changed files with 1073 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

61
content/math/integer-foundations/chapter.scss Normal file
View file

@ -0,0 +1,61 @@
.integer-compare-demo {
margin: 1rem 0 1.5rem;
}
.integer-compare-demo__canvas {
display: block;
width: 100%;
max-width: 760px;
margin: 0 auto;
border: 1px solid var(--line);
border-radius: 10px;
background: color-mix(in srgb, var(--paper) 82%, #f8fafc 18%);
touch-action: none;
}
.integer-compare-demo__readout {
margin: 12px 0 0;
text-align: center;
font-family: var(--mono);
font-size: 0.92rem;
color: var(--soft-ink);
}
.integer-compare-demo__actions {
margin-top: 12px;
display: flex;
justify-content: center;
}
.integer-compare-demo__reset-btn {
width: 2.2rem;
height: 2.2rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.integer-compare-demo__reset-icon {
display: block;
}
[data-theme="dark"] .integer-compare-demo__canvas {
border-color: rgba(148, 163, 184, 0.5);
background: #0f172a;
}
[data-theme="dark"] .integer-compare-demo__readout {
color: #e2e8f0;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) .integer-compare-demo__canvas {
border-color: rgba(148, 163, 184, 0.5);
background: #0f172a;
}
:root:not([data-theme="light"]) .integer-compare-demo__readout {
color: #e2e8f0;
}
}