@cube-drone/marquee-css 0.1.0

package/LICENSE

@@ -0,0 +1,373 @@
+Mozilla Public License Version 2.0
+==================================
+
+1. Definitions
+--------------
+
+1.1. "Contributor"
+    means each individual or legal entity that creates, contributes to
+    the creation of, or owns Covered Software.
+
+1.2. "Contributor Version"
+    means the combination of the Contributions of others (if any) used
+    by a Contributor and that particular Contributor's Contribution.
+
+1.3. "Contribution"
+    means Covered Software of a particular Contributor.
+
+1.4. "Covered Software"
+    means Source Code Form to which the initial Contributor has attached
+    the notice in Exhibit A, the Executable Form of such Source Code
+    Form, and Modifications of such Source Code Form, in each case
+    including portions thereof.
+
+1.5. "Incompatible With Secondary Licenses"
+    means
+
+    (a) that the initial Contributor has attached the notice described
+        in Exhibit B to the Covered Software; or
+
+    (b) that the Covered Software was made available under the terms of
+        version 1.1 or earlier of the License, but not also under the
+        terms of a Secondary License.
+
+1.6. "Executable Form"
+    means any form of the work other than Source Code Form.
+
+1.7. "Larger Work"
+    means a work that combines Covered Software with other material, in
+    a separate file or files, that is not Covered Software.
+
+1.8. "License"
+    means this document.
+
+1.9. "Licensable"
+    means having the right to grant, to the maximum extent possible,
+    whether at the time of the initial grant or subsequently, any and
+    all of the rights conveyed by this License.
+
+1.10. "Modifications"
+    means any of the following:
+
+    (a) any file in Source Code Form that results from an addition to,
+        deletion from, or modification of the contents of Covered
+        Software; or
+
+    (b) any new file in Source Code Form that contains any Covered
+        Software.
+
+1.11. "Patent Claims" of a Contributor
+    means any patent claim(s), including without limitation, method,
+    process, and apparatus claims, in any patent Licensable by such
+    Contributor that would be infringed, but for the grant of the
+    License, by the making, using, selling, offering for sale, having
+    made, import, or transfer of either its Contributions or its
+    Contributor Version.
+
+1.12. "Secondary License"
+    means either the GNU General Public License, Version 2.0, the GNU
+    Lesser General Public License, Version 2.1, the GNU Affero General
+    Public License, Version 3.0, or any later versions of those
+    licenses.
+
+1.13. "Source Code Form"
+    means the form of the work preferred for making modifications.
+
+1.14. "You" (or "Your")
+    means an individual or a legal entity exercising rights under this
+    License. For legal entities, "You" includes any entity that
+    controls, is controlled by, or is under common control with You. For
+    purposes of this definition, "control" means (a) the power, direct
+    or indirect, to cause the direction or management of such entity,
+    whether by contract or otherwise, or (b) ownership of more than
+    fifty percent (50%) of the outstanding shares or beneficial
+    ownership of such entity.
+
+2. License Grants and Conditions
+--------------------------------
+
+2.1. Grants
+
+Each Contributor hereby grants You a world-wide, royalty-free,
+non-exclusive license:
+
+(a) under intellectual property rights (other than patent or trademark)
+    Licensable by such Contributor to use, reproduce, make available,
+    modify, display, perform, distribute, and otherwise exploit its
+    Contributions, either on an unmodified basis, with Modifications, or
+    as part of a Larger Work; and
+
+(b) under Patent Claims of such Contributor to make, use, sell, offer
+    for sale, have made, import, and otherwise transfer either its
+    Contributions or its Contributor Version.
+
+2.2. Effective Date
+
+The licenses granted in Section 2.1 with respect to any Contribution
+become effective for each Contribution on the date the Contributor first
+distributes such Contribution.
+
+2.3. Limitations on Grant Scope
+
+The licenses granted in this Section 2 are the only rights granted under
+this License. No additional rights or licenses will be implied from the
+distribution or licensing of Covered Software under this License.
+Notwithstanding Section 2.1(b) above, no patent license is granted by a
+Contributor:
+
+(a) for any code that a Contributor has removed from Covered Software;
+    or
+
+(b) for infringements caused by: (i) Your and any other third party's
+    modifications of Covered Software, or (ii) the combination of its
+    Contributions with other software (except as part of its Contributor
+    Version); or
+
+(c) under Patent Claims infringed by Covered Software in the absence of
+    its Contributions.
+
+This License does not grant any rights in the trademarks, service marks,
+or logos of any Contributor (except as may be necessary to comply with
+the notice requirements in Section 3.4).
+
+2.4. Subsequent Licenses
+
+No Contributor makes additional grants as a result of Your choice to
+distribute the Covered Software under a subsequent version of this
+License (see Section 10.2) or under the terms of a Secondary License (if
+permitted under the terms of Section 3.3).
+
+2.5. Representation
+
+Each Contributor represents that the Contributor believes its
+Contributions are its original creation(s) or it has sufficient rights
+to grant the rights to its Contributions conveyed by this License.
+
+2.6. Fair Use
+
+This License is not intended to limit any rights You have under
+applicable copyright doctrines of fair use, fair dealing, or other
+equivalents.
+
+2.7. Conditions
+
+Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
+in Section 2.1.
+
+3. Responsibilities
+-------------------
+
+3.1. Distribution of Source Form
+
+All distribution of Covered Software in Source Code Form, including any
+Modifications that You create or to which You contribute, must be under
+the terms of this License. You must inform recipients that the Source
+Code Form of the Covered Software is governed by the terms of this
+License, and how they can obtain a copy of this License. You may not
+attempt to alter or restrict the recipients' rights in the Source Code
+Form.
+
+3.2. Distribution of Executable Form
+
+If You distribute Covered Software in Executable Form then:
+
+(a) such Covered Software must also be made available in Source Code
+    Form, as described in Section 3.1, and You must inform recipients of
+    the Executable Form how they can obtain a copy of such Source Code
+    Form by reasonable means in a timely manner, at a charge no more
+    than the cost of distribution to the recipient; and
+
+(b) You may distribute such Executable Form under the terms of this
+    License, or sublicense it under different terms, provided that the
+    license for the Executable Form does not attempt to limit or alter
+    the recipients' rights in the Source Code Form under this License.
+
+3.3. Distribution of a Larger Work
+
+You may create and distribute a Larger Work under terms of Your choice,
+provided that You also comply with the requirements of this License for
+the Covered Software. If the Larger Work is a combination of Covered
+Software with a work governed by one or more Secondary Licenses, and the
+Covered Software is not Incompatible With Secondary Licenses, this
+License permits You to additionally distribute such Covered Software
+under the terms of such Secondary License(s), so that the recipient of
+the Larger Work may, at their option, further distribute the Covered
+Software under the terms of either this License or such Secondary
+License(s).
+
+3.4. Notices
+
+You may not remove or alter the substance of any license notices
+(including copyright notices, patent notices, disclaimers of warranty,
+or limitations of liability) contained within the Source Code Form of
+the Covered Software, except that You may alter any license notices to
+the extent required to remedy known factual inaccuracies.
+
+3.5. Application of Additional Terms
+
+You may choose to offer, and to charge a fee for, warranty, support,
+indemnity or liability obligations to one or more recipients of Covered
+Software. However, You may do so only on Your own behalf, and not on
+behalf of any Contributor. You must make it absolutely clear that any
+such warranty, support, indemnity, or liability obligation is offered by
+You alone, and You hereby agree to indemnify every Contributor for any
+liability incurred by such Contributor as a result of warranty, support,
+indemnity or liability terms You offer. You may include additional
+disclaimers of warranty and limitations of liability specific to any
+jurisdiction.
+
+4. Inability to Comply Due to Statute or Regulation
+---------------------------------------------------
+
+If it is impossible for You to comply with any of the terms of this
+License with respect to some or all of the Covered Software due to
+statute, judicial order, or regulation then You must: (a) comply with
+the terms of this License to the maximum extent possible; and (b)
+describe the limitations and the code they affect. Such description must
+be placed in a text file included with all distributions of the Covered
+Software under this License. Except to the extent prohibited by statute
+or regulation, such description must be sufficiently detailed for a
+recipient of ordinary skill to be able to understand it.
+
+5. Termination
+--------------
+
+5.1. The rights granted under this License will terminate automatically
+if You fail to comply with any of its terms. However, if You become
+compliant, then the rights granted under this License from a particular
+Contributor are reinstated (a) provisionally, unless and until such
+Contributor explicitly and finally terminates Your grants, and (b) on an
+ongoing basis, if such Contributor fails to notify You of the
+non-compliance by some reasonable means prior to 60 days after You have
+come back into compliance. Moreover, Your grants from a particular
+Contributor are reinstated on an ongoing basis if such Contributor
+notifies You of the non-compliance by some reasonable means, this is the
+first time You have received notice of non-compliance with this License
+from such Contributor, and You become compliant prior to 30 days after
+Your receipt of the notice.
+
+5.2. If You initiate litigation against any entity by asserting a patent
+infringement claim (excluding declaratory judgment actions,
+counter-claims, and cross-claims) alleging that a Contributor Version
+directly or indirectly infringes any patent, then the rights granted to
+You by any and all Contributors for the Covered Software under Section
+2.1 of this License shall terminate.
+
+5.3. In the event of termination under Sections 5.1 or 5.2 above, all
+end user license agreements (excluding distributors and resellers) which
+have been validly granted by You or Your distributors under this License
+prior to termination shall survive termination.
+
+************************************************************************
+*                                                                      *
+*  6. Disclaimer of Warranty                                           *
+*  -------------------------                                           *
+*                                                                      *
+*  Covered Software is provided under this License on an "as is"       *
+*  basis, without warranty of any kind, either expressed, implied, or  *
+*  statutory, including, without limitation, warranties that the       *
+*  Covered Software is free of defects, merchantable, fit for a        *
+*  particular purpose or non-infringing. The entire risk as to the     *
+*  quality and performance of the Covered Software is with You.        *
+*  Should any Covered Software prove defective in any respect, You     *
+*  (not any Contributor) assume the cost of any necessary servicing,   *
+*  repair, or correction. This disclaimer of warranty constitutes an   *
+*  essential part of this License. No use of any Covered Software is   *
+*  authorized under this License except under this disclaimer.         *
+*                                                                      *
+************************************************************************
+
+************************************************************************
+*                                                                      *
+*  7. Limitation of Liability                                          *
+*  --------------------------                                          *
+*                                                                      *
+*  Under no circumstances and under no legal theory, whether tort      *
+*  (including negligence), contract, or otherwise, shall any           *
+*  Contributor, or anyone who distributes Covered Software as          *
+*  permitted above, be liable to You for any direct, indirect,         *
+*  special, incidental, or consequential damages of any character      *
+*  including, without limitation, damages for lost profits, loss of    *
+*  goodwill, work stoppage, computer failure or malfunction, or any    *
+*  and all other commercial damages or losses, even if such party      *
+*  shall have been informed of the possibility of such damages. This   *
+*  limitation of liability shall not apply to liability for death or   *
+*  personal injury resulting from such party's negligence to the       *
+*  extent applicable law prohibits such limitation. Some               *
+*  jurisdictions do not allow the exclusion or limitation of           *
+*  incidental or consequential damages, so this exclusion and          *
+*  limitation may not apply to You.                                    *
+*                                                                      *
+************************************************************************
+
+8. Litigation
+-------------
+
+Any litigation relating to this License may be brought only in the
+courts of a jurisdiction where the defendant maintains its principal
+place of business and such litigation shall be governed by laws of that
+jurisdiction, without reference to its conflict-of-law provisions.
+Nothing in this Section shall prevent a party's ability to bring
+cross-claims or counter-claims.
+
+9. Miscellaneous
+----------------
+
+This License represents the complete agreement concerning the subject
+matter hereof. If any provision of this License is held to be
+unenforceable, such provision shall be reformed only to the extent
+necessary to make it enforceable. Any law or regulation which provides
+that the language of a contract shall be construed against the drafter
+shall not be used to construe this License against a Contributor.
+
+10. Versions of the License
+---------------------------
+
+10.1. New Versions
+
+Mozilla Foundation is the license steward. Except as provided in Section
+10.3, no one other than the license steward has the right to modify or
+publish new versions of this License. Each version will be given a
+distinguishing version number.
+
+10.2. Effect of New Versions
+
+You may distribute the Covered Software under the terms of the version
+of the License under which You originally received the Covered Software,
+or under the terms of any subsequent version published by the license
+steward.
+
+10.3. Modified Versions
+
+If you create software not governed by this License, and you want to
+create a new license for such software, you may create and use a
+modified version of this License if you rename the license and remove
+any references to the name of the license steward (except to note that
+such modified license differs from this License).
+
+10.4. Distributing Source Code Form that is Incompatible With Secondary
+Licenses
+
+If You choose to distribute Source Code Form that is Incompatible With
+Secondary Licenses under the terms of this version of the License, the
+notice described in Exhibit B of this License must be attached.
+
+Exhibit A - Source Code Form License Notice
+-------------------------------------------
+
+  This Source Code Form is subject to the terms of the Mozilla Public
+  License, v. 2.0. If a copy of the MPL was not distributed with this
+  file, You can obtain one at https://mozilla.org/MPL/2.0/.
+
+If it is not possible or desirable to put the notice in a particular
+file, then You may include the notice in a location (such as a LICENSE
+file in a relevant directory) where a recipient would be likely to look
+for such a notice.
+
+You may add additional accurate notices of copyright ownership.
+
+Exhibit B - "Incompatible With Secondary Licenses" Notice
+---------------------------------------------------------
+
+  This Source Code Form is "Incompatible With Secondary Licenses", as
+  defined by the Mozilla Public License, v. 2.0.

package/README.md

@@ -0,0 +1,17 @@
+# @cube-drone/marquee-css
+
+The Marquee reference stylesheet: the `mq-*` class contract every renderer targets — effects
+under `prefers-reduced-motion` (the exit is contractual), the layout grids, the schemes, the
+size dial, placeholders and affordances.
+
+Two ways in:
+
+```ts
+import "@cube-drone/marquee-css/marquee.css";      // bundlers: the file itself
+import { marqueeCss } from "@cube-drone/marquee-css"; // node: the string, to inline or write
+```
+
+Without this stylesheet a rendered document is still readable semantic HTML (and
+`<font color>` still colors — the floor of the degradation ladder is the browser itself);
+with it, the marquee scrolls. Part of the
+[Marquee markup language](https://github.com/cube-drone/marqueemarkup).

package/dist/index.d.ts

@@ -0,0 +1 @@
+export declare const marqueeCss: string;

package/dist/index.js

@@ -0,0 +1,13 @@
+// @cube-drone/marquee-css: the reference stylesheet, two ways.
+//
+// Browser/bundler consumers import the file itself:
+//     import "@cube-drone/marquee-css/marquee.css";
+// Node-side embedders (site builders, preview tools) take it as a string to
+// inline or write wherever their shell wants it:
+//     import { marqueeCss } from "@cube-drone/marquee-css";
+//
+// The file is the source of truth; this module just reads it (which is why
+// this one asset package touches node:fs - the string export is a node-side
+// convenience, not the primary artifact).
+import { readFileSync } from "node:fs";
+export const marqueeCss = readFileSync(new URL("../marquee.css", import.meta.url), "utf8");

package/marquee.css

@@ -0,0 +1,512 @@
+/* marquee.css — the reference stylesheet for rendered Marquee.
+ *
+ * This file is the class contract every reference renderer targets: the
+ * mq-* names and --mq-* slots here are the shared surface; the HTML tree
+ * shapes around them may differ per renderer. Everything degrades: without
+ * this stylesheet a rendered document is still readable semantic HTML (and
+ * <font color> still colors, courtesy of the browser itself).
+ *
+ * Light/dark: this file never declares color-scheme - a fragment embeds
+ * politely and follows its host page's theme. Its own structural colors are
+ * translucent neutrals, so they ride either canvas; page shells that own
+ * the whole page (the omnibus, buildSite, the preview tool) declare
+ * `color-scheme: light dark` themselves. Scheme palettes (noir, parchment,
+ * hotdog-stand, terminal) are authorial and fixed: a noir page is noir at
+ * noon.
+ */
+
+/* ---- document ---- */
+
+.mq-doc {
+  line-height: 1.5;
+  overflow-wrap: break-word;
+}
+
+.mq-doc :is(img, video, audio) {
+  max-width: 100%;
+}
+
+/* Custom emoji: an image wearing the size of a character. max-width: 100%
+   above would let a huge source image stay huge; the height cap wins. */
+.mq-doc img.mq-emoji {
+  height: 1.2em;
+  width: auto;
+  vertical-align: -0.25em;
+}
+
+/* Blockquotes: browser default is a mute 40px indent per side; give them a
+   spine instead. Nesting reads as stacked spines, not a staircase. */
+.mq-doc blockquote {
+  margin-block: 1em;
+  margin-inline: 0;
+  padding: 0.35rem 1rem;
+  border-left: 3px solid rgba(127, 127, 127, 0.5);
+  background: rgba(127, 127, 127, 0.08);
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.mq-doc blockquote > :first-child {
+  margin-top: 0;
+}
+
+.mq-doc blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.mq-doc pre.mq-code {
+  overflow-x: auto;
+  padding: 0.75rem;
+  background: rgba(127, 127, 127, 0.12);
+  border-radius: 0.25rem;
+}
+
+/* ---- deep headings: the grammar allows 1-8; HTML's ladder stops at h6,
+   so 7 and 8 are ARIA-labeled blocks continuing the size taper ---- */
+
+.mq-doc .mq-h7,
+.mq-doc .mq-h8 {
+  font-weight: bold;
+  margin-block: 1em;
+}
+
+.mq-doc .mq-h7 {
+  font-size: 0.85em;
+}
+
+.mq-doc .mq-h8 {
+  font-size: 0.75em;
+}
+
+/* ---- tables: paragraph-rows and [c] cells (SPEC.md, "Tables") ---- */
+
+.mq-table {
+  border-collapse: collapse;
+  margin-block: 1em;
+}
+
+.mq-table :is(td, th) {
+  border: 1px solid rgba(127, 127, 127, 0.45);
+  padding: 0.35rem 0.75rem;
+  text-align: left;
+}
+
+.mq-table th {
+  background: rgba(127, 127, 127, 0.12);
+}
+
+/* ---- the color slot: validated author values, property mapping ours ---- */
+
+.mq-color {
+  color: var(--mq-color);
+}
+
+.mq-page,
+.mq-section {
+  background-color: var(--mq-bg, transparent);
+  /* background=tile:<target> - the early web's tiled wallpaper, back by
+     popular demand; the default `repeat` does the tiling */
+  background-image: var(--mq-bg-tile, none);
+  color: var(--mq-color, inherit);
+}
+
+/* ---- media sizing: :::media knobs land in slots; containment applies
+ * them to every embed in the subtree ---- */
+
+.mq-media .mq-embed {
+  width: var(--mq-media-w, auto);
+  height: var(--mq-media-h, auto);
+}
+
+.mq-media img.mq-embed,
+.mq-media video.mq-embed {
+  object-fit: cover;
+}
+
+/* ---- the font list: a closed name enum in two tiers. Standard stacks need
+ * no files; the grab bag is SIL-OFL faces the embedder self-hosts (see
+ * fonts/ and css/fonts.css) - until those files load, every name degrades
+ * to its fallback stack below. Never a third-party font CDN. ---- */
+
+.mq-font-sans { font-family: system-ui, sans-serif; }
+.mq-font-serif { font-family: Georgia, serif; }
+.mq-font-mono { font-family: ui-monospace, monospace; }
+.mq-font-comic { font-family: "Comic Sans MS", "Comic Neue", cursive; }
+
+.mq-font-radio-canada { font-family: "Radio Canada", system-ui, sans-serif; }
+.mq-font-atkinson-hyperlegible { font-family: "Atkinson Hyperlegible", system-ui, sans-serif; }
+.mq-font-lexend { font-family: Lexend, system-ui, sans-serif; }
+.mq-font-zilla-slab { font-family: "Zilla Slab", Georgia, serif; }
+.mq-font-playfair-display { font-family: "Playfair Display", Georgia, serif; }
+.mq-font-cormorant { font-family: Cormorant, Georgia, serif; }
+.mq-font-im-fell-english { font-family: "IM Fell English", Georgia, serif; }
+.mq-font-uncial-antiqua { font-family: "Uncial Antiqua", Georgia, serif; }
+.mq-font-unifraktur { font-family: UnifrakturMaguntia, Georgia, serif; }
+.mq-font-jetbrains-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
+.mq-font-vt323 { font-family: VT323, ui-monospace, monospace; }
+.mq-font-press-start { font-family: "Press Start 2P", ui-monospace, monospace; }
+.mq-font-silkscreen { font-family: Silkscreen, ui-monospace, monospace; }
+.mq-font-major-mono { font-family: "Major Mono Display", ui-monospace, monospace; }
+.mq-font-orbitron { font-family: Orbitron, system-ui, sans-serif; }
+.mq-font-bungee { font-family: Bungee, system-ui, sans-serif; }
+.mq-font-monoton { font-family: Monoton, system-ui, sans-serif; }
+.mq-font-creepster { font-family: Creepster, system-ui, sans-serif; }
+.mq-font-special-elite { font-family: "Special Elite", ui-monospace, monospace; }
+.mq-font-fredericka { font-family: "Fredericka the Great", cursive; }
+.mq-font-lobster { font-family: Lobster, cursive; }
+.mq-font-pacifico { font-family: Pacifico, cursive; }
+.mq-font-caveat { font-family: Caveat, cursive; }
+.mq-font-comic-neue { font-family: "Comic Neue", "Comic Sans MS", cursive; }
+.mq-font-audiowide { font-family: Audiowide, system-ui, sans-serif; }
+.mq-font-kablammo { font-family: Kablammo, cursive; }
+.mq-font-henny-penny { font-family: "Henny Penny", cursive; }
+.mq-font-oi { font-family: Oi, Georgia, serif; }
+.mq-font-rye { font-family: Rye, Georgia, serif; }
+.mq-font-bitcount { font-family: Bitcount, ui-monospace, monospace; }
+.mq-font-quicksand { font-family: Quicksand, system-ui, sans-serif; }
+
+/* ---- the size dial: seven closed steps, 3 is normal (font-element scale;
+ * the size attribute on the same element is the no-stylesheet floor) ---- */
+
+.mq-size-1 { font-size: x-small; }
+.mq-size-2 { font-size: small; }
+.mq-size-3 { font-size: medium; }
+.mq-size-4 { font-size: large; }
+.mq-size-5 { font-size: x-large; }
+.mq-size-6 { font-size: xx-large; }
+.mq-size-7 { font-size: xxx-large; }
+
+big {
+  font-size: larger;
+}
+
+/* ---- placeholders and affordances (the contractual shrug, visibly) ---- */
+
+.mq-placeholder,
+.mq-unknown,
+.mq-invalid {
+  border: 1px dashed rgba(136, 136, 136, 0.66);
+  border-radius: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  margin: 0.5rem 0;
+}
+
+.mq-placeholder::before,
+.mq-invalid::before {
+  font-family: ui-monospace, monospace;
+  font-size: 0.85em;
+  opacity: 0.66;
+}
+
+.mq-placeholder::before {
+  content: "⬚ " attr(data-directive);
+}
+
+.mq-unknown::before {
+  content: "⬚ " attr(data-directive) " (unsupported here)";
+  display: block;
+  font-family: ui-monospace, monospace;
+  font-size: 0.8em;
+  opacity: 0.6;
+}
+
+.mq-invalid::before {
+  content: "✂ invalid markup: " attr(data-reason);
+}
+
+.mq-blocked {
+  text-decoration: underline dotted;
+}
+
+/* ---- turbolinks: the renderer emits only the plain-link floor and the
+ * rich wrapper, so only those are styled here. Plugin bodies (the summary
+ * card, players, frames) are the plugins' markup and bring their own
+ * stylesheet - ts/turbolink/turbolink.css for the default set. ---- */
+
+.mq-turbolink a {
+  text-decoration: none;
+}
+
+.mq-turbolink-rich {
+  margin: 0.75rem 0;
+  border: 1px solid rgba(136, 136, 136, 0.33);
+  border-left-width: 4px;
+  border-radius: 0.375rem;
+  padding: 0.5rem 0.75rem;
+}
+
+.mq-turbolink-source {
+  display: block;
+  margin-top: 0.35rem;
+  font-size: 0.8em;
+  opacity: 0.6;
+  overflow-wrap: anywhere;
+}
+
+/* ---- asides: a numbered mark in the flow, the note just below the
+ * triggering paragraph. Regular flow - no floats (ugly reflow, orphaned
+ * triggers), no popups (JS) ---- */
+
+.mq-noteref {
+  font-size: 0.75em;
+  opacity: 0.8;
+}
+
+.mq-notes {
+  margin: 0.25rem 0 1rem;
+}
+
+.mq-note {
+  margin: 0.15rem 0;
+  font-size: 0.85em;
+  font-style: italic;
+  opacity: 0.85;
+}
+
+.mq-note-num {
+  font-style: normal;
+  font-size: 0.75em;
+  vertical-align: super;
+  margin-right: 0.3em;
+  opacity: 0.8;
+}
+
+/* ---- effects: best-effort CSS motion. The old web's mistake was never
+ * marquee; it was marquee without an exit — the exit is the media query. */
+
+.mq-marquee {
+  /* width pinned to the container: an inline-block would shrink-to-fit the
+   * text, leaving a scroll window only as wide as the words (the inner
+   * strip's percentage padding is circular during intrinsic sizing and
+   * resolves to 0). Full-bleed is what marquee means. */
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  vertical-align: bottom;
+}
+
+.mq-marquee-inner {
+  display: inline-block;
+  padding-left: 100%;
+}
+
+.mq-bounce,
+.mq-jitter,
+.mq-wave {
+  display: inline-block;
+}
+
+.mq-rainbow {
+  color: #ff004c;
+}
+
+/* by=letter / by=word: units carry the animation, phase-shifted per unit */
+
+.mq-split .mq-l {
+  display: inline-block;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .mq-rainbow.mq-split,
+  .mq-bounce.mq-split,
+  .mq-jitter.mq-split,
+  .mq-wave.mq-split {
+    animation: none;
+  }
+
+  .mq-rainbow.mq-split .mq-l {
+    animation: mq-rainbow 3s linear infinite;
+    animation-delay: calc(var(--mq-o, 0) * -3s);
+  }
+
+  .mq-bounce.mq-split .mq-l {
+    animation: mq-bounce 0.6s ease-in-out infinite alternate;
+    animation-delay: calc(var(--mq-o, 0) * -1.2s);
+  }
+
+  .mq-jitter.mq-split .mq-l {
+    animation: mq-jitter 0.18s steps(2) infinite;
+    animation-delay: calc(var(--mq-o, 0) * -0.18s);
+  }
+
+  .mq-wave.mq-split .mq-l {
+    animation: mq-wave 1.4s ease-in-out infinite;
+    animation-delay: calc(var(--mq-o, 0) * -1.4s);
+  }
+
+  .mq-marquee-inner {
+    animation: mq-marquee calc(16s / max(var(--mq-speed, 1), 1)) linear infinite;
+  }
+
+  .mq-marquee[data-direction="right"] .mq-marquee-inner {
+    animation-direction: reverse;
+  }
+
+  .mq-blink {
+    animation: mq-blink calc(1.2s / max(var(--mq-rate, 1), 1)) step-end infinite;
+  }
+
+  .mq-rainbow {
+    animation: mq-rainbow 3s linear infinite;
+  }
+
+  .mq-bounce {
+    animation: mq-bounce 0.6s ease-in-out infinite alternate;
+  }
+
+  .mq-jitter {
+    animation: mq-jitter 0.18s steps(2) infinite;
+  }
+
+  .mq-wave {
+    animation: mq-wave 1.4s ease-in-out infinite;
+  }
+}
+
+@keyframes mq-marquee {
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes mq-blink {
+  50% {
+    opacity: 0;
+  }
+}
+
+@keyframes mq-rainbow {
+  to {
+    filter: hue-rotate(360deg);
+  }
+}
+
+@keyframes mq-bounce {
+  to {
+    transform: translateY(-0.25em);
+  }
+}
+
+@keyframes mq-jitter {
+  25% {
+    transform: translate(0.05em, -0.05em);
+  }
+  75% {
+    transform: translate(-0.05em, 0.05em);
+  }
+}
+
+@keyframes mq-wave {
+  25% {
+    transform: rotate(1.5deg) translateY(-0.08em);
+  }
+  75% {
+    transform: rotate(-1.5deg) translateY(0.08em);
+  }
+}
+
+/* .mq-typewriter ships no motion: letter-by-letter reveal needs JS (the
+ * interactive renderer); here it is its full static text, per contract. */
+
+/* ---- layouts: picked, not authored ---- */
+
+.mq-page {
+  /* breathing room INSIDE the painted background; the page background
+   * itself runs full-bleed (the embedder's shell handles body margin) */
+  padding: 1rem clamp(1rem, 4vw, 2rem);
+}
+
+.mq-layout-nav-footer,
+.mq-layout-two-column-nav-footer,
+.mq-layout-three-column-nav-footer {
+  display: grid;
+  gap: 1rem;
+}
+
+.mq-layout-nav-footer {
+  grid-template-areas: "nav" "main" "footer";
+}
+
+.mq-layout-two-column-nav-footer {
+  grid-template-areas:
+    "nav nav"
+    "main right"
+    "footer footer";
+  grid-template-columns: 1fr minmax(10rem, 16rem);
+}
+
+.mq-layout-three-column-nav-footer {
+  grid-template-areas:
+    "nav nav nav"
+    "left main right"
+    "footer footer footer";
+  grid-template-columns: minmax(8rem, 12rem) 1fr minmax(8rem, 12rem);
+}
+
+.mq-section[data-slot="nav"] { grid-area: nav; }
+.mq-section[data-slot="main"] { grid-area: main; }
+.mq-section[data-slot="left"] { grid-area: left; }
+.mq-section[data-slot="right"] { grid-area: right; }
+.mq-section[data-slot="footer"] { grid-area: footer; }
+
+@media (max-width: 48rem) {
+  .mq-layout-two-column-nav-footer,
+  .mq-layout-three-column-nav-footer {
+    grid-template-areas: "nav" "main" "left" "right" "footer";
+    grid-template-columns: 1fr;
+  }
+}
+
+/* ---- schemes: named knob bundles (grown from the corpus) ---- */
+
+/* a schemed section paints its own background: give the text room inside
+ * (scoped to <section> so a schemed page keeps its own padding rule) */
+section[class*="mq-scheme-"] {
+  padding: 0.75rem 1rem;
+}
+
+.mq-scheme-noir {
+  --mq-bg: #101014;
+  --mq-color: #e8e8ee;
+  background: var(--mq-bg);
+  color: var(--mq-color);
+}
+
+.mq-scheme-noir a {
+  color: #9ecbff;
+}
+
+.mq-scheme-terminal {
+  --mq-bg: #0a0f0a;
+  --mq-color: #33ff66;
+  background: var(--mq-bg);
+  color: var(--mq-color);
+  font-family: ui-monospace, "Cascadia Mono", "JetBrains Mono", monospace;
+}
+
+.mq-scheme-terminal a {
+  color: #66ffcc;
+}
+
+.mq-scheme-parchment {
+  --mq-bg: #f4e8d0;
+  --mq-color: #3a2f1b;
+  background: var(--mq-bg);
+  color: var(--mq-color);
+  font-family: Georgia, "Iowan Old Style", serif;
+}
+
+.mq-scheme-parchment a {
+  color: #7a4a12;
+}
+
+.mq-scheme-hotdog-stand {
+  --mq-bg: #c41e1e;
+  --mq-color: #ffe900;
+  background: var(--mq-bg);
+  color: var(--mq-color);
+}
+
+.mq-scheme-hotdog-stand a {
+  color: #ffffff;
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@cube-drone/marquee-css",
+  "version": "0.1.0",
+  "description": "The Marquee reference stylesheet: the mq-* class contract every renderer targets",
+  "license": "MPL-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cube-drone/marqueemarkup.git",
+    "directory": "ts/marquee-css"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=22.6.0"
+  },
+  "files": [
+    "dist",
+    "src",
+    "marquee.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "marquee-src": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./marquee.css": "./marquee.css"
+  },
+  "scripts": {
+    "test": "node --conditions=marquee-src --test test/*.test.ts",
+    "check": "tsc --noEmit",
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "npm run build"
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "typescript": "^5.9.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,18 @@
+// @cube-drone/marquee-css: the reference stylesheet, two ways.
+//
+// Browser/bundler consumers import the file itself:
+//     import "@cube-drone/marquee-css/marquee.css";
+// Node-side embedders (site builders, preview tools) take it as a string to
+// inline or write wherever their shell wants it:
+//     import { marqueeCss } from "@cube-drone/marquee-css";
+//
+// The file is the source of truth; this module just reads it (which is why
+// this one asset package touches node:fs - the string export is a node-side
+// convenience, not the primary artifact).
+
+import { readFileSync } from "node:fs";
+
+export const marqueeCss: string = readFileSync(
+  new URL("../marquee.css", import.meta.url),
+  "utf8",
+);