spencermcw.com
[ << ] back to work
case file 10 / 12 · 2018

7-1 Pattern Generator

Scaffold the 7-1 SASS architecture in one command.

published Published on npm as 7-1 (latest 2.0.3); the GitHub repo is empty checked 2026-10-13 [1]

A generator for the 7-1 SASS/SCSS folder pattern.

what it does

  • One command, 7-1 init, drops the 7-1 folder structure into ./style. [1]
What it is
npm CLI that scaffolds the 7-1 Sass architecture
Stack
cli Node · npm bin: 7-1 · git [1]
scaffold SCSS [4]
Tags
  • SASS
  • Tooling
Links
7-1 on npm >> the published CLI
7-1 on Bitbucket >> the CLI's source
7-1-structure on Bitbucket >> the scaffold it clones

  1. 1.x prompted for an extension (Sass by default) and a root folder, then walked a file-structure schema, writing each partial and appending its @import to main. [2]

  2. 2.0 switched to shallow-cloning a separate scaffold repo, 7-1-structure. [3]

  3. The scaffold: abstracts/, base/, components/, layout/, pages/ and themes/, a main.scss that imports them, basic resets, colour variables and a 16px base font size. [4]

  4. Fifteen versions were published between May 15 and July 23, 2018. [1]

$ git log --reverse
  1. GitHub repo 7-1-pattern created; it was never pushed to [5]
  2. 7-1 1.0.0 published to npm [1]
  3. 2.0.0; the scaffold gets its own repo, 7-1-structure [4]
  4. 2.0.3, the latest release [1]
  5. Joins DK Web Design and introduces the 7-1 pattern there within a month [6]

Every marked line above points at one of these. Public repositories, registries and screenshots only; nothing is inferred past what they show.

  1. [1] npm registry: 7-1 npmjs.com 2026-10-13
  2. [2] 7-1@1.1.0 package source (lib/) npmjs.com 2026-10-13
  3. [3] spencermcw/7-1 on Bitbucket bitbucket.org 2026-10-13
  4. [4] spencermcw/7-1-structure on Bitbucket bitbucket.org 2026-10-13
  5. [5] github.com/spencermcw/7-1-pattern (empty repository) github.com 2026-10-13
  6. [6] content/experience.json (DK Web Design) 2026-10-12