diff --git a/common/changes/pivot-padding-override_2017-05-03-22-04.json b/common/changes/pivot-padding-override_2017-05-03-22-04.json new file mode 100644 index 00000000000000..6d983967cf2137 --- /dev/null +++ b/common/changes/pivot-padding-override_2017-05-03-22-04.json @@ -0,0 +1,10 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Pivot: increased specificty to fix button styles overriding pivo", + "type": "patch" + } + ], + "email": "micahgodbolt@gmail.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Pivot/Pivot.scss b/packages/office-ui-fabric-react/src/components/Pivot/Pivot.scss index 5beeb01778a654..f1383af4662789 100644 --- a/packages/office-ui-fabric-react/src/components/Pivot/Pivot.scss +++ b/packages/office-ui-fabric-react/src/components/Pivot/Pivot.scss @@ -25,7 +25,8 @@ white-space: nowrap; } -.link { +// specificity boost to override button styles. remove when we move to glamor. +.root .link { color: $ms-color-neutralPrimary; display: inline-block; font-size: $ms-font-size-m; @@ -98,7 +99,7 @@ background-color: transparent; border-bottom: 2px solid $ms-color-white; } - + @media screen and (-ms-high-contrast: black-on-white) { background-color: transparent; border-bottom: 2px solid $ms-color-black;