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

Enhance basic math notation content by adding a historical overview of mathematical symbols, including the evolution of the equals sign and the introduction of zero. Update comparison section with clearer explanations and examples, and improve styling for visual elements in the math chapter. Adjust chapter structure to allow for flexible content ordering based on importance.

Browse source
This commit is contained in:
Hananoshika Yomaru 2026-05-20 09:33:33 -07:00
parent b4817dd748
commit 8a7f6449a7
10 changed files with 819 additions and 377 deletions
Download patch file Download diff file Expand all files Collapse all files

159
content/math/basic-math-notation/chapter.scss
View file

@ -36,3 +36,162 @@
font-size: 0.9rem;
color: var(--muted);
}
// Dot pictures for compare chains (same idea as counting chapter)
.notation-dots {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
vertical-align: middle;
}
.notation-dots__dot {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #0f766e;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
flex-shrink: 0;
}
.notation-dots--chain {
max-width: 88px;
justify-content: center;
}
.notation-dots--decimal .notation-dots__dot {
width: 14px;
height: 14px;
}
.notation-compare-chain {
margin: 1.25rem 0;
padding: 16px 14px;
text-align: center;
border: 1px solid var(--line);
border-radius: 12px;
background: var(--card-bg);
}
.notation-compare-chain__ladder {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
gap: 10px 12px;
margin: 0;
padding: 0;
list-style: none;
}
.notation-compare-chain__step {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
min-width: 52px;
}
.notation-compare-chain__digit {
font-family: var(--font-mono, ui-monospace, monospace);
font-size: 1.15rem;
font-weight: 700;
}
.notation-compare-chain__sign {
align-self: center;
font-size: 1.35rem;
font-weight: 700;
color: var(--soft-ink);
line-height: 1;
padding-bottom: 18px;
}
.notation-compare-chain__caption {
margin-top: 0.75rem;
font-size: 0.9rem;
color: var(--muted);
}
.notation-decimal-demo {
margin: 1.25rem 0;
padding: 16px 14px;
text-align: center;
border: 1px solid var(--line);
border-radius: 12px;
background: var(--card-bg);
}
.notation-decimal-demo__label {
margin: 0 0 12px;
font-family: var(--font-mono, ui-monospace, monospace);
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.notation-decimal-demo__point {
color: #b45309;
padding: 0 2px;
}
.notation-decimal-demo__fraction {
color: var(--soft-ink);
}
.notation-decimal-demo__words {
display: block;
margin-top: 4px;
font-family: var(--font-sans, system-ui, sans-serif);
font-size: 0.95rem;
font-weight: 500;
color: var(--muted);
}
.notation-decimal-demo__picture {
display: flex;
justify-content: center;
}
.notation-decimal-demo__wholes {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
}
.notation-decimal-demo__fence {
font-size: 1.75rem;
font-weight: 800;
line-height: 1;
color: #b45309;
}
.notation-decimal-demo__half-bar {
display: inline-flex;
width: 56px;
height: 18px;
border-radius: 6px;
overflow: hidden;
border: 2px solid rgba(15, 118, 110, 0.4);
vertical-align: middle;
}
.notation-decimal-demo__half-on {
flex: 1;
background: #0f766e;
}
.notation-decimal-demo__half-off {
flex: 1;
background: rgba(20, 184, 166, 0.1);
}
.notation-decimal-demo__caption {
margin-top: 0.75rem;
font-size: 0.9rem;
color: var(--muted);
}