https://github.com/actuallyakash/spacers Skip to content Sign up * Why GitHub? Features - + Mobile - + Actions - + Codespaces - + Packages - + Security - + Code review - + Issues - + Integrations - + GitHub Sponsors - + Customer stories- * Team * Enterprise * Explore + Explore GitHub - Learn and contribute + Topics - + Collections - + Trending - + Learning Lab - + Open source guides - Connect with others + The ReadME Project - + Events - + Community forum - + GitHub Education - + GitHub Stars program - * Marketplace * Pricing Plans - + Compare plans - + Contact Sales - + Education - [ ] [search-key] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this user All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} actuallyakash / spacers * Notifications * Star 114 * Fork 2 when you need more __space__ actuallyakash.github.io/spacers MIT License 114 stars 2 forks Star Notifications * Code * Issues 1 * Pull requests 0 * Actions * Projects 0 * Wiki * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Wiki * Security * Insights main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags 1 branch 2 tags Code Clone HTTPS GitHub CLI [https://github.com/a] Use Git or checkout with SVN using the web URL. [gh repo clone actual] Work fast with our official CLI. Learn more. * Open with GitHub Desktop * Download ZIP Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching Xcode If nothing happens, download Xcode and try again. Go back Launching Visual Studio Code Your codespace will open once ready. There was a problem preparing your codespace, please try again. Latest commit @actuallyakash actuallyakash Minor changes ... 2b03d62 Jul 7, 2021 Minor changes 2b03d62 Git stats * 37 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time assets Fixed icons and some CSS issues Jun 22, 2021 docs Minor changes Jul 7, 2021 spacers Minor changes Jul 7, 2021 .npmignore Minor changes Jul 7, 2021 LICENSE Updated readme and license Jun 3, 2021 package.json Minor changes Jul 7, 2021 readme.md Added minified files Jul 4, 2021 View code spacers Demo Package Managers Settings Example Dependencies License readme.md spacers when you need more space [6874747073] Demo http://actuallyakash.github.io/spacers Package Managers # Bower bower install --save spacersjs # NPM npm install spacersjs Settings Option Type Default Description Selector on which the element string null spacer has to be initialized To append spacer divs after or before the specified element. Use appendHtml string begin begin to append before the selector and end to append after the selector. To enable padding, padding boolean true which is default behavior margin boolean false To enable margin Function for using the onDragEnd boolean null spacer values when drag is ended Use if you're object (DOM not able to containedArea node or jQuery find the object) or element (ex- window.document when using iframe) spacerClass object null For adding custom classes in the spacers defaultSpacing string 8px Initial starting spacer height. an object with initial padding spacer top, defaultPadding object null bottom, left, right values. Overwrites the defaultSpacing parameter an object with initial margin spacer top, defaultMargin object null bottom, left, right values. Overwrites the defaultSpacing parameter Change default spacing spacingUnit string px unit of spacers like em, rem, in, cm ..etc showOnHover string false Show spacers only on hover Hides the margin/ hideSpacingValue boolean false padding values at the center of the spacer Enable and set the showLabel string null label to specified string beside the spacing value enableLock boolean false Link opposite spacers Example Initialize with: spacers({ element: '.element-unique-class' }); Dependencies Voila! It works without any dependencies. License Copyright (c) 2021 Akash Licensed under the MIT license. About when you need more __space__ actuallyakash.github.io/spacers Topics javascript library vanilla-js javascript-library spacers Resources Readme License MIT License Releases 2 v1.0.3 Latest Jul 10, 2021 + 1 release Used by 2 * @remoterant @remoterant / ui-builder * @tittee @tittee / spacerjs Languages * JavaScript 81.1% * CSS 18.9% * (c) 2021 GitHub, Inc. * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.