react-toolbox-build4server/react-toolbox/js/tabs/style.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-tabs-root {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.rt-tabs-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  box-shadow: inset 0 -1px #eeeeee; }

.rt-tabs-label {
  padding: 1.7rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  color: rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: box-shadow, color;
  transition-property: box-shadow, color; }
  .rt-tabs-label.rt-tabs-active {
    color: black; }
  .rt-tabs-label.rt-tabs-disabled {
    opacity: 0.2; }
  .rt-tabs-label:not(.rt-tabs-disabled) {
    cursor: pointer; }
  .rt-tabs-label.rt-tabs-hidden {
    display: none; }

.rt-tabs-pointer {
  position: absolute;
  width: 0;
  height: 0.2rem;
  margin-top: -0.2rem;
  background-color: #3f51b5;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: left, width;
  transition-property: left, width; }

.rt-tabs-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.7rem 1.2rem; }
  .rt-tabs-tab:not(.rt-tabs-active) {
    display: none; }
  .rt-tabs-tab.rt-tabs-active {
    display: block; }