Skip to content

Instantly share code, notes, and snippets.

@zackpyle
zackpyle / styles.css
Last active September 11, 2024 16:22
Starter CSS
/** TABLE OF CONTENTS
---------------------------------------------------------------------------/
1.0 - Global Styles
1.1 - General
1.2 - Selection Highlight
1.3 - Buttons
1.4 - Typography
1.5 - Custom Font Face
@zackpyle
zackpyle / fluid-typography.css
Last active June 6, 2024 14:24
Fluid Typography
:root {
--ff-heading: 'Playfair Display', serif;
--ff-text: 'Source Sans Pro', sans-serif;
/* Generate here: https://www.fluid-type-scale.com/ */
--fs-h1: clamp(40px, 6.0vw + 10px, 85px);
--fs-h2: clamp(30px, 1.7vw + 23px, 45px);
--fs-h3: clamp(25px, 1.3vw + 18px, 35px);
--fs-h4: clamp(20px, 1vw + 15px, 28px);
@zackpyle
zackpyle / Improved Dragging BB Nodes.css
Last active March 6, 2024 21:31
BB CSS for improved node dragging
/* Improved Dragging BB Nodes */
.fl-lightbox{
transition: all .2s ease-in-out;
}
.fl-builder-dragging .fl-lightbox{
opacity: .25;
}
.fl-builder-block-drag-helper.ui-sortable-helper {
margin-top: 40px;
margin-left: 20px;
@zackpyle
zackpyle / snippetnest.md
Last active November 5, 2024 19:11
Moved to SnippetNest

If you're here looking for my snippets, I have moved them all over to my new site, SnippetNest.com