Contents

.tabs {
  margin-bottom: var(--base-line);
  font-size: calc(var(--font-size-small));
  & li em,
  & li.active a {
  	color: var(--color-text);
  	border: 1px solid rgba(0, 0, 0, .1);
  	cursor: default;
  	text-decoration: none;
  	background: none;
  }
  & em,
  & a {
  	position: relative;
  	top: 1px;
  	font-style: normal;
  	display: block;
  	padding: .5rem 1rem;
  	border: 1px solid transparent;
  	color: rgba(0, 0, 0, .5);
  	text-decoration: none;
  }
  & a:hover {
  	@include transition;
  	color: var(--color-text);
  	text-decoration: underline;
  	background-color: var(--color-silver);
  }
}

@include breakpoint($min: $sm) {
  .tabs {
    & ul {
      @include flex;
      margin-top: -1px;
      border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    & li em,
    & li.active a {
      border-bottom: 1px solid #fff;
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
kube-6.5.2.0	app/assets/stylesheets/kube/components/_tabs.scss