SantyCSS SantyCSS v2.3.0
CHANGELOG

Version History

All notable changes to SantyCSS are documented here. Follows Semantic Versioning.

ℹ️

About version numbering

This changelog documents major feature releases (even minor versions: v1.0, v1.2, v1.4 …). Odd minor versions such as v1.1, v1.3, v1.5, and v1.7 were internal patch releases — small bug fixes and micro-improvements that did not introduce new features — and are therefore not listed separately here.

v2.5.0

Latest

Released April 2026

  • FixPortfolio CV sidebar template — fixed empty space on the right caused by missing overflow-x:hidden and uncentered content containers
  • NewFull mobile responsiveness for portfolio-cv.html — responsive hero heading (.cv-hero-name), hamburger clearance padding, stacked chips/CTAs on xs
  • FixContact form two-column grid (.grid-form-2) now collapses to single column on mobile
  • FixTimeline body overflow-wrap:break-word prevents long text overflow on narrow screens
  • NewGlobal box-sizing:border-box and section content centering (.cv-section > div { margin:auto }) for consistent layout on all screen sizes
  • New"It's Me" portfolio template — itsme.html — clean light-background multi-section portfolio inspired by MutationMedia ITSME
  • NewITSME nav components — .itsme-nav, .itsme-brand, .itsme-nav-link, .itsme-nav-getcv, .itsme-hamburger
  • NewITSME hero — .itsme-hero, .itsme-profile-ring, .itsme-profile-img, .itsme-hero-name, .itsme-social-btn
  • NewITSME section scaffold — .itsme-section, .itsme-eyebrow, .itsme-title, .itsme-divider, .itsme-info-grid
  • NewITSME card components — .itsme-service-card, .itsme-testimonial, .itsme-work-card, .itsme-blog-card, .itsme-contact-card
  • NewITSME utilities — .itsme-skill-fill (+ blue/purple/green variants), .itsme-timeline, .itsme-filter-btn, .itsme-btn, .itsme-input, .itsme-blog-tag variants

v2.4.9

Latest

Released April 2026

  • NewPortfolio CV template — portfolio.html — full-page snap-scroll, right-side dot nav, hamburger mobile menu, 6 sections (About, Experience, Skills, Projects, Hobbies, Blogs)
  • NewPortfolio components in santy-components.css.portfolio-snap, .snap-section, .snap-section-scrollable, .portfolio-right-nav, .nav-dot, .nav-dot-active
  • NewGlass card utilities — .glass-card, .glass-card-light — frosted glass effect with backdrop blur
  • NewSkill bar components — .skill-bar-track, .skill-bar-fill + colour variants (blue, purple, green, pink, cyan)
  • NewAvatar ring — .avatar-ring-lg — animated conic-gradient spinning ring for profile images
  • NewMobile nav — .mobile-menu-overlay, .mobile-nav-link, .portfolio-hamburger — full-screen blur overlay with close-on-Esc
  • NewIcon base class — .icon + size helpers (.icon-16 through .icon-48) for essential UI icons
  • NewUtilities — .text-gradient-amber-to-yellow, .section-badge, .progress-bar-amber, .background-zinc-950
  • NewPortfolio CV Dark Sidebar template — portfolio-cv.html — fixed left sidebar, cyan accent, typewriter titles, dual timeline, filterable project grid, fun facts counter, testimonials, contact form
  • NewDark sidebar CV components — .cv-sidebar, .cv-main, .cv-nav-link, .cv-nav-active, .cv-section, .cv-section-alt, .cv-section-label, .cv-section-title
  • NewTimeline & skill components — .timeline-dot-cyan, .timeline-dark, .skill-bar-dark, .skill-bar-dark-fill
  • NewDark card components — .fun-fact-card, .project-card-dark, .blog-card-dark, .service-card-dark, .testimonial-card-dark, .what-i-do-card
  • NewForm & button utilities — .input-dark, .textarea-dark, .btn-cyan, .btn-cyan-outline, .tag-dark, .pf-filter-btn, .pf-active
  • NewBrand color utilities — .color-brand-cyan, .background-brand-cyan

v2.3.0

Latest

Released March 2026

  • NewContainer queries — make-container, on-container-*, on-{name}-*
  • NewScroll animation families — when-visible:, on-scroll:, scroll-, stagger utilities
  • NewSplit CSS build — santy-start.css + santy-variants.css for smaller bundles
  • New10 creature animations — bat, butterfly, firefly, spider, fish, jellyfish, bird flock, bee, snake, dragon fire

v1.9.0

Stable

Released March 2026

  • NewScroll utilities — scroll-smooth, scroll-auto
  • NewScrollbar utilities — scrollbar-thin, scrollbar-dark, scrollbar-hidden
  • NewGlass utilities — glass, glass-dark, glass-light
  • NewRadial gradient utilities — gradient-radial and 6 directional variants
  • NewSpin animation variants — animate-spin-slow/fast/ccw/xslow-cw/ccw
  • Newanimate-pulse-dot, skill-bar-animated
  • NewDark portfolio template — template-portfolio-dark.html

v1.8.0

Stable

Released March 2025

Highlights

  • NewFull Figma plugin documentation — export Figma frames directly to SantyCSS classes
  • NewSantyCSS Inspector v1.0 — browser extension for inspecting and copying applied classes
  • New20+ ready-made component classes: modal, drawer, accordion, stepper, tooltip, and more
  • NewAnimation entrance classes — data-scb-anim attribute with 11 animation types
  • NewDark mode via .dark class — all components adapt automatically
  • NewRTL / logical property support: ps-*, pe-*, border-start-*
  • NewCSS design tokens — --santy-primary, --santy-radius, --santy-font
  • ImproveBundle now includes separate santy-components.css and santy-animations.css for tree-shaking
  • ImproveMinified build reduced to ~15 KB (down from ~22 KB)
  • FixProgress bar transition not firing on first IntersectionObserver callback
  • FixAccordion maxHeight not resetting on sibling close in nested accordions

v1.6.0

Stable

Released January 2025

  • NewJIT runtime — santy-jit.js generates CSS on demand, no build step needed
  • NewPostCSS plugin for purging unused classes at build time
  • New113+ SVG icons via CSS mask-image — colorize with any utility class
  • New120+ animation classes (integrate animate.css naming conventions)
  • NewAI class generator — describe a UI element, get the classes
  • ImproveClass reference page with searchable table of all 8,500+ classes
  • ImprovePlayground — live CSS editor with instant preview
  • FixCarousel autoplay not pausing on hover in Firefox
  • FixToggle slider animation jank on iOS Safari
4

v1.4.0

Archive

Released October 2024

  • NewWebflow-compatible class snippets and integration guide
  • Newnpm package published — npm install santycss
  • NewCDN distribution via jsDelivr
  • NewHover utilities — on-hover:* prefix for any class
  • ImproveColor palette expanded to 19 colors × 10 shades
  • FixMobile nav overflow causing horizontal scroll on narrow viewports
2

v1.2.0

Archive

Released July 2024

  • NewResponsive visibility classes — scb-hide-mobile, scb-hide-tablet, scb-hide-desktop
  • NewGrid system — make-grid, grid-cols-2 through grid-cols-6
  • NewFlexbox shortcuts — make-flex, align-center, justify-between
  • ImproveSpacing scale extended from 100 to 200px
  • FixBorder-radius utilities not applying in Safari 15
1.0

v1.0.0

Initial Release

Released April 2024

  • NewInitial public release of SantyCSS
  • New8,500+ utility classes with plain-English naming
  • NewPre-generated pixel values 0–200px for spacing, sizing, and typography
  • NewColor palette: 19 colors × 10 shades
  • NewZero config — single CSS file, drop-in and go
  • NewWordPress plugin (SantyCSS Builder) with 25+ drag-and-drop widgets

Stay updated

Follow the GitHub repo to be notified of new releases.