Epic CSS / Documentation
Changelog
Release history for the epic-css package, newest first. The latest release is 0.14.3.
Dates are UTC publication dates. Early entries were reconstructed from the repository history; where a version has no recorded source, its entry says so instead of listing changes. To pin a version, replace the number in npm install epic-css@0.14.3 --save-exact.
0.14.4 (Unreleased)
Added
- Optional SVG helpers in the image module:
.iconfor inline alignment and flex-shrink prevention, and.icon-16,.icon-24,.icon-32,.icon-48for explicit pixel dimensions. The helpers work with any SVG collection and include no icon assets. - Workshop Icons page with 21 original outline SVGs, live sizing, copy controls and labeled interface examples.
Changed
- The npm publish workflow retries its post-publish install check while the registry makes a new version available.
0.14.3
Added
.btnbutton base: inline-flex alignment, current-color border, 4px radius, inherited font and color, a:focus-visibleoutline and a:disabledstate..btn-primaryand.btn-secondaryvariants using the palette text and background colors..grid-sidebar-right-344: one column that becomes main content plus a 344px right sidebar from 1040px..flex-2(flex: 2).
Changed
- The base reset targets only
h1–h6and setsline-height: normalon them.pandulno longer receive the zero margin and padding reset. - Article typography (heading sizes, paragraph and list spacing) applies only to
article.post, not everyarticle. Add thepostclass to keep these styles. - The publish workflow installs the newly published version in a temporary project to verify it.
0.14.2
Added
- From a module checkout,
npm run buildandnpm run epic-compilecompile the full library intobuild/<package-version>.csswith a matching source map that embeds the Sass sources. Older versioned files are kept. test/build.cjschecks the versioned filename, portable map reference, retained older artifacts and compilation failures.npm testruns it with the palette test..flex-md(flex from themdbreakpoint, 820px) and.flex-1.- Sidebar grid utilities:
.grid-sidebar-left(one column),.grid-1fr-4fr-md(1fr 4frfrom 820px, stacking again from 960px to 1024px), and.lg-grid-sidebar-left-25,-30and-40(percentage left column wider than 1024px).
Changed
$container-widthis a!default, so a value assigned before importing the library is kept.bodymargin is0instead of3px.- The automatic bottom margin on post images uses
:where(.post) imginstead ofarticle img, so explicit margin utilities override it.
0.14.1
Prepared from the published 0.14.0 source.
Added
- Compiled CSS regression checks for default colors and consumer overrides.
npm testruns them, andprepublishOnlyruns the tests before publishing.
Changed
- Document actual palette utilities, source-filter limitations and the site-first release workflow.
- Limit package contents to Sass source, the two build/filter scripts, the regression test and documentation; generated pre-light CSS and maps are no longer published.
- Publish from GitHub releases through the npm trusted-publishing workflow.
Fixed
- Preserve all eight consumer palette values assigned before importing the library by declaring fallback colors with
!default.
0.14.0
Published without a matching commit in this repository, so changes in 0.12.0, 0.13.0 and 0.14.0 cannot be separated. Compared with the 0.11.0 source, the published 0.14.0 source has these changes.
Added
- Font ramp utilities
fs-12tofs-96,lh-12tolh-96,fw-400,fw-600,fw-700,lh-normalandtext-nowrap, backed by:rootcustom properties that change at 1084px and narrower. - Article heading sizes from the font-ramp properties, plus heading, paragraph and list spacing inside
article. ul.list-noneto remove list bullets.- An empty
_custom.scsspartial. epic-lightscans.mdfiles, always keeps:rootrules and writes tooutputFileNamefromepicConfig.js.
Changed
index.scssimports the font ramp before base styles.- The base reset sets margin and padding to
0on headings,pandul. Lists keep their bullets unlesslist-noneis used.
Removed
text-xs,text-sm,text-lg,text-xl,font-boldand the$text-*variables..h1–.h4and.lh-0.- Global
limargins and themainparagraph,h2andiframemargins.
0.13.0
Published without a matching commit in this repository. See 0.14.0 for the combined changes after 0.11.0.
0.12.0
Published without a matching commit in this repository. See 0.14.0 for the combined changes after 0.11.0.
0.11.0
0.9.0 and 0.10.0 have no matching commits, so this entry includes all changes since 0.7.0.
Added
.clr-whiteand$clr-white,.border-none..flex-col-reverse,.flex-basis-300and.left-sidebar-sm(a sidebar grid from 756px)..position-relative,.position-absolute,.overflow-x-auto,.scroll-snap-x-mandatory,.snap-start,.scroll-smooth,.cursor-pointer,.z-100and.lh-0.- Bottom margins for list items, including Markdown list items containing paragraphs.
Changed
- Paragraph and
h2spacing applies only insidemain, no longerarticle;iframeelements inmainget a bottom margin. - Code blocks scroll horizontally only.
Removed
a.underline-clrstyles.- Unused shade variables such as
$clr-primary-dark,$clr-secondary-darkand their background variants.
0.10.0
Published without a matching commit in this repository. Its changes are included in the 0.11.0 entry.
0.9.0
Published without a matching commit in this repository. Its changes are included in the 0.11.0 entry.
0.7.0
0.5.0 and 0.6.0 have no matching commits, so this entry includes all changes since 0.4.0.
Added
.clr-primary-bg,.clr-secondary-bg,.border-r-4and.border-r-16.$clr-bodyfor body and link text color.- Link styles in
mainandarticle, circle bullets for article lists, and styledpreand inlinecode. - Spacing scale
$spacersin rem: 0, 4, 6, 8, 10, 12, 16, 18, 20, 24, 32, 40, 56, 60, 64, 80 and 100.
Changed
- New default palette:
#2e106abackground,#fffffftext,#00d886primary and#c6c9e5secondary. - Gap, padding and margin utilities are generated from
$spacers; the2step was removed. .grid-col-2and.grid-col-3auto-fit columns at all widths (minimum 331px and 270px) instead of only from 900px.epic-lightkeeps each matching media query block once, after other rules.- The package homepage is https://epiccss.com.
0.6.0
Published without a matching commit in this repository. Its changes are included in the 0.7.0 entry.
0.5.0
Published without a matching commit in this repository. Its changes are included in the 0.7.0 entry.
0.4.0
Added
_variables.scsssettings for heading sizes and weight, body size and line heights, body background, and primary and secondary colors.- Spacing step
6.
Changed
- Palette variables use a
$clr-prefix. a.underline-clrbecamea.clr-underline, and.bg-colorbecame.clr-body-bg.epic-lightalways keepspreandcodestyles.
Removed
.bg-black.
0.3.0
Added
epic-buildandepic-lightpackage scripts, configured by a projectepicConfig.js, to compile the full stylesheet and filter it to classes used in project files.$container-width(default1000px) for.container.- Body font size, and article list styles.
Changed
_spacing.scsswas renamed to_spacers.scss.
0.2.0
First version with source in this repository.
Added
- Sass partials for base styles, font ramp, colors, images, grid and flexbox, and spacing, with
src/index.scssimporting them all. - Draft build and class-filter scripts.
- README installation guide.
0.1.0
First npm publication. The repository has no source or notes for this version.
These notes come from CHANGELOG.md in the library repository.