open-nomad/ui/app/styles/core/tabs.scss

55 lines
874 B
SCSS
Raw Normal View History

2017-09-19 14:47:10 +00:00
.tabs {
background: $white-ter;
font-weight: $weight-semibold;
ul {
padding-left: 1em;
padding-right: 1em;
}
a {
padding: 1em 1.5em;
color: darken($grey-blue, 20%);
border-bottom: none;
box-shadow: inset 0 0 0 $grey-blue;
transition: box-shadow 0.1s ease-in-out;
text-decoration: none;
&:hover,
&.is-active {
text-decoration: none;
border-bottom: none;
box-shadow: inset 0 -3px 0 $blue;
color: $blue;
}
}
li:first-child {
padding-left: 0;
}
li:last-child {
padding-right: 0;
}
&.is-subnav {
position: fixed;
top: $header-height;
left: $gutter-width;
right: 0;
z-index: $z-subnav;
+ * {
margin-top: 5em;
&.is-closer {
margin-top: calc(3.5em + 1px);
}
2017-09-19 14:47:10 +00:00
}
@media #{$mq-hidden-gutter} {
left: 0;
}
2017-09-19 14:47:10 +00:00
}
}