Skip to content

Instantly share code, notes, and snippets.

View StickyBar.md

Sticky Bar

Make an element sticky once it has scrolled out of view in a scrollable <div>

View FlexboxWrapColumnAlignment.md
@jasesmith
jasesmith / AtomTabs.md
Last active Aug 29, 2015
Full-width Tabs in Atom
View AtomTabs.md

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 Dec 3, 2014
debug: sharing package.json
View ProjectPaletteFinder.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 Aug 29, 2015
CSS Animated Hamburger Icon
View CSS-Animated-Hamburger-Icon.md
@jasesmith
jasesmith / cssbites-ellipsis.css
Last active Aug 29, 2015
How to Ellipsify Text
View cssbites-ellipsis.css
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
View dark-star-pinwheel.markdown

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 Nov 23, 2019
Vertical file tab list in Atom
View AtomVerticalTabs.md

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 Dec 10, 2020
For vertically stacked open file tabs, put this in your `./atom/styles.less`
View atom-vertical-file-tabs.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;