By default, flexbox items have a min size of -webkit-min-content in the
the flex axis. I previously switched the pane item-views to flex
horizontally for performance reasons (preventing over-aggressive
repaints), but forgot to change min-height to min-width.
For some reason, having flex-flow column on the pane item views
container was forcing the entire view to be repainted on cursor
movement and line edits. Allowing the container to flow row-wise and
setting the min-height to 0 instead of min-content-height achieves
the same layout effect without the huge repaint cost. Flexbox is a
fragile bitch.
This will be a style that can be used by extending
classes to provide two lines that don't wrap with
color and padding.
This is initially used by symbols view and fuzzy finder.
Previously the directory was shown after the file name
and it would wrap if too long causing inconsistent row
heights.
Now the full path is shown below the name in a smaller font
and both the path and file are set to overflow with an ellipsis.
We try to compile all stylesheets across the board, but now many of
our stylesheets are imported into a master `atom.less` stylesheet. The
config stylesheet would compile fine when included from `atom.less`,
but alone it fails because it doesn't have the variables. We should
probably only try to pre-compile stylesheets we intend to require
directly… using a manifest maybe?
Previously the width was set to the width of a single character which
caused issues if the char width was currently zero and since the hidden
input no longer has padding or border the width of the input would end
up being zero which would prevent it from gaining focus.
This file contains mixins that make it easy to turn any selector into
an icon. You use them in the following way:
```less
@import "octicon-mixins.less";
.entry .disclosure-arrow {
.mini-icon(arr-collapsed);
}
.entry.expanded .disclosure-arrow {
.mini-icon(arr-expanded);
}
```
There is also the `.mega-icon` mixin, and you are free to pass a size
as a second parameter, like this: `.mega-icon(octocat, 64px)`
