Skip to content

Instantly share code, notes, and snippets.

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;
View dark-star-pinwheel.markdown

Dark Star Pinwheel

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

A Pen by Jase on CodePen.


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;
jasesmith /
Last active Aug 29, 2015
CSS Animated Hamburger Icon
jasesmith /
Last active Nov 23, 2019
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 / 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": ""
"license": "MIT",
jasesmith /
Last active Aug 29, 2015
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 (...)


Sticky Bar

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