open-nomad/ui/app/styles/core/tabs.scss
Alex Dadgar e5ec915ac3 sync
2017-09-19 10:08:23 -05:00

47 lines
750 B
SCSS

.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;
}
}
}