Skip to content

Instantly share code, notes, and snippets.

@bbbbb35
bbbbb35 / fixed-header-sidebar.markdown
Created October 20, 2021 02:33
Fixed Header & Sidebar

Fixed Header & Sidebar

This is a not-so-common layout suggested by a designer friend of mine with both a header and a sidebar in recurrent positions. The actual content is well encapsulated in a "contentBox" so no internal modification will affect the general layout.

The "contentBox" itself use flexbox display to arrange its internal elements.

Feel free to ask any question. All comments welcomed.

A Pen by Aaron Machado on CodePen.

@bbbbb35
bbbbb35 / inset_input.css
Created December 20, 2018 01:48 — forked from nrrrdcore/inset_input.css
The Perfect Inset Input CSS
input {
height: 34px;
width: 100%;
border-radius: 3px;
border: 1px solid transparent;
border-top: none;
border-bottom: 1px solid #DDD;
box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}