Usable snippets

CSS files

trigger	description
`addCSScreative`	creative_v3 CSS file
`addCSSstickynavexp`	stickynav exp CSS file
`addCSSstickynav`	stickynav CSS file
`addCSSproductfeed`	productfeed stock CSS file
`addCSScopyalignment`	copy alignment CSS file
`addCSScardstack`	cardstack CSS file
`addCSSingrid`	ingrid CSS file
`addCSSfadeslider`	fadeslider CSS file
`addCSSshell`	inline css style element including breakpoints

trigger	description
`addJScreative`	creative JS file
`addJSloader`	JSloader markup to include gsap, scrolltrigger and customJS
`addJSfadeslider`	fadeslider JS file
`addJScardstack`	cardstack JS file
`addJSstickynavexp`	stickynav exp JS file
`addJSstickynav`	stickynav JS file

trigger	description
`add-shell`	page shell including starter CSS styles and creative_v3 wrapper element
`add-hero`	hero markup including video and textgroup
`add-banner`	standard markup for most banners includes wrapper, imagery, textgroup, standard CSS shell
`add-imagery`	imagery markup with picture tag
`add-picture`	picture tag markup
`add-video`	videocontainer markup
`add-popvid`	popup up video button
`add-foreground`	foreground wrapper, includes imagery markup
`add-background`	background markup with picture tag
`add-hotspot`	hotspot link markup
`add-copygroup`	copygroup markup with title, dek and CTA
`add-textgroup`	textgroup markup with title, dek and CTA
`add-title`	title header tag
`add-dek`	dek div
`add-links`	links markup including linecta
`add-include`	asset include
`add-cardstack`	cardstack slider markup
`add-fadeslider`	fade slider markup
`add-growyslider`	growy slider markup
`add-slider-buckets`	buckets slider markup (rlc-three__m_carousel)
`add-slider-category`	category slider markup (rlc-category_carousel)
`add-slider-banner`	banner slider markup (rlc-banner)
`add-slider-freescroll`	freescroll slider markup (rlc-freescroll)
`add-slider-autoslider`	autoslider slider markup (rlc-autoslider)
`add-quickshoptarget`	quickshop + icon target
`add-signature`	signature markup, styles, file references
`add-scrollto`	scrollto arrow markup and styles
`add-pillbutton`	pillbutton markup and styles

trigger	description
`add-producttemplate`	productfeed template
`add-productfeed`	productfeed
`add-cardstacktemplate`	cardstack slide productfeed template

trigger	description
`add-menspoloCSS`	Mens Polo - generic styling for fonts, colors, elements
`add-purplelabelCSS`	Purple Label - generic styling for fonts, colors, elements
`add-collectionCSS`	Collection - generic styling for fonts, colors, elements
`add-womenspoloCSS`	Womens Polo - generic styling for fonts, colors, elements

💡 Feel free to recommend/supply me with templates, pieces of code you use frequently or any possible enhancement recommendations!