/*!
* Tabby v11.2.0: Simple, mobile-first toggle tabs. * (c) 2016 Chris Ferdinandi * MIT License * http://github.com/cferdinandi/tabby */
/**
* Tab content */
/* line 4, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane {
border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; transform: translateY(40px); transition: opacity 250ms ease-in, transform 300ms ease-in;
}
/* line 14, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane.active {
clip: auto; height: auto; margin: 0; opacity: 1; overflow: visible; position: static; transform: translateY(0px);
}
/* line 23, /Users/cferdinandi/Sites/tabby/src/sass/components/_tabby.scss */ .js-tabby .tabs-pane:focus {
outline: none;
}
// custom styling .tabs {
margin-bottom: var(--spacing-4); text-align: center;
}
.tabs li {
display: inline-block; font-size: var(--font-size-1); margin-right: var(--spacing-3);
}
.tabs a {
background-color: var(--meka-body); color: var(--meka-accent); padding: var(--spacing-2) var(--spacing-3);
}
.tabs a:hover, .tabs .active a {
color: var(--meka-body);
}
.tabs a:hover {
background-color: var(--dva-secondary-dark);
}
.tabs .active a {
background-color: var(--meka-matrix);
}