36 lines
1.9 KiB
CSS
36 lines
1.9 KiB
CSS
/* ==========================================================================
|
|
Notes App — Unified Master Stylesheet (Stage 5 Architecture)
|
|
==========================================================================
|
|
This master stylesheet orchestrates the modular CSS architecture for the
|
|
Notes English learning platform (notes.qpid.pro).
|
|
|
|
Architecture Overview:
|
|
--------------------------------------------------------------------------
|
|
1. base.css - Design tokens (:root variables, dark/light themes),
|
|
resets, global typography, scrollbars, safe areas.
|
|
2. components.css - Core UI components: auth overlays, navigation drawer,
|
|
buttons, form controls, modals, and mobile tab bar.
|
|
3. dictionary.css - Term lookup, live search preview, cards list, tags,
|
|
collections, batch action bar, and word translation popup.
|
|
4. srs.css - Spaced repetition trainer: 3D flip flashcards, quiz,
|
|
active typing, dictation, heatmap & mastery progress.
|
|
5. reader.css - Interactive reader & bookshelf: continuous reading,
|
|
typography controls, appearance themes, and Wikipedia.
|
|
6. grammar_cefr.css - CEFR level testing, automated gap ingestion, Murphy
|
|
grammar units, deep work theory modal, and cloze tap.
|
|
7. lesson.css - Lesson configurator, syllabus suggestions, session
|
|
runner (vocab, grammar, listening, reading, AI debrief).
|
|
|
|
Offline Support:
|
|
All modular stylesheets are registered in sw.js PRECACHE_URLS for seamless
|
|
offline PWA usage across desktop and mobile devices.
|
|
========================================================================== */
|
|
|
|
@import "base.css";
|
|
@import "components.css";
|
|
@import "dictionary.css";
|
|
@import "srs.css";
|
|
@import "reader.css";
|
|
@import "grammar_cefr.css";
|
|
@import "lesson.css";
|