Create a gist now

Instantly share code, notes, and snippets.

@joshcp /tabs.css
Last active Mar 1, 2017

What would you like to do?
.ampTabContainer {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.tabButton {
list-style: none;
flex-grow: 1;
text-align: center;
cursor: pointer;
margin-top: 20px;
}
.tabContent {
display: none; /* hide all tab content by default */
width: 100%;
order: 4; /* number of tabs + 1 */
border: 1px solid #ccc;
padding: 5px;
}
.tabButton[selected] + .tabContent {
display: block; /* show content for the selected tab */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment