Skip to content

Instantly share code, notes, and snippets.

Sticky Bar

Make an element sticky once it has scrolled out of view in a scrollable ``

@jasesmith
jasesmith / AtomTabs.md
Last active August 29, 2015 14:10
Full-width Tabs in Atom

Allow Atom's file tabs to be as big as they need to be to show the full filename text; aka: no tab ellipses (...)

@jasesmith
jasesmith / ProjectPaletteFinder.json
Created December 3, 2014 19:57
debug: sharing package.json
{
"name": "project-palette-finder",
"main": "./lib/project-palette-finder",
"version": "2.4.1",
"description": "Finds and archive colors defined in a project's less/sass/stylus files",
"repository": {
"type": "git",
"url": "https://github.com/abe33/atom-project-palette-finder"
},
"license": "MIT",
@jasesmith
jasesmith / CSS-Animated-Hamburger-Icon.md
Last active August 29, 2015 14:15
CSS Animated Hamburger Icon
@jasesmith
jasesmith / cssbites-ellipsis.css
Last active August 29, 2015 14:27
How to Ellipsify Text
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@jasesmith
jasesmith / dark-star-pinwheel.markdown
Created September 7, 2016 18:59
Dark Star Pinwheel

Dark Star Pinwheel

Playing with mix-blend-mode, border-radius, and box-shadows.

A Pen by Jase on CodePen.

License.

@jasesmith
jasesmith / AtomVerticalTabs.md
Last active November 23, 2019 09:40
Vertical file tab list in Atom

Vertical File Tabs in Atom

Add the styles to the .atom/styles.less stylesheet in Atom.

Atom Vertical File Tabs

@jasesmith
jasesmith / atom-vertical-file-tabs.less
Last active December 10, 2020 01:18
For vertically stacked open file tabs, put this in your `./atom/styles.less`
atom-workspace-axis.vertical atom-pane {
flex-direction: row;
.tab-bar:not(:empty) {
box-shadow: inset -1px 0 0 #181a1f;
resize: horizontal;
height: auto;
display: block;
padding-right: 1px;
padding-bottom: 3em;
min-width: 14em;