Add border to Tabs.

This commit is contained in:
CJ Cenizal 2016-12-26 13:12:09 -08:00
parent 5866d6fed9
commit ca1ff24847
2 changed files with 10 additions and 6 deletions

View file

@ -13,13 +13,18 @@
font-size: 14px;
color: $subduedFontColor;
background-color: #ffffff; /* 1 */
border: 1px solid #ffffff;
border: 1px solid $panelColor;
border-bottom: none;
border-radius: 0; /* 1 */
& + & {
border-left: none;
}
&:focus {
color: $linkColor;
border-color: $selectedBorderColor;
outline: none !important; /* 1 */
z-index: 1;
outline: 1px solid $selectedBorderColor !important; /* 1 */
}
&:hover:not(.kuiTab-isSelected) {
@ -36,7 +41,6 @@
&.kuiTab-isSelected {
color: $fontColor;
background-color: #F2F2F2;
border-color: #F2F2F2;
cursor: default;
}
}

View file

@ -7,9 +7,9 @@
.guidePageBody {
flex: 1 1 auto;
padding: 0 80px 0 80px + $guideSideNavWidth;
padding: 0 80px 0 81px + $guideSideNavWidth;
@include whenNarrowerThan($normalBreakpoint) {
padding: 0 20px 0 $guideSideNavSmallWidth;
padding: 0 20px 0 1px + $guideSideNavSmallWidth;
}
}