remove border, update padding to designUnit only

microsoft · Aug 18, 2021 · cd48f03 · cd48f03
1 parent 841ee74
commit cd48f03
Showing 1 changed file with 2 additions and 10 deletions.
diff --git a/packages/web-components/src/toolbar/toolbar.styles.ts b/packages/web-components/src/toolbar/toolbar.styles.ts
@@ -8,9 +8,9 @@ import {
 } from '@microsoft/fast-foundation';
 import { SystemColors } from "@microsoft/fast-web-utilities";
 import {
+    designUnit,
   fillColor,
   focusStrokeWidth,
-  neutralStrokeDividerRest,
   neutralStrokeFocus,
   strokeWidth,
 } from '../design-tokens';
@@ -24,13 +24,10 @@ export const toolbarStyles: (
 ) =>
   css`
       ${display("inline-flex")} :host {
-          --toolbar-item-gap: calc(
-              (var(--design-unit) + calc(var(--density) + 2)) * 1px
-          );
+          --toolbar-item-gap: calc(${designUnit} * 1px);
           background: ${fillColor};
           fill: currentcolor;
           padding: var(--toolbar-item-gap);
-          border-bottom: 1px solid ${neutralStrokeDividerRest};
           box-sizing: border-box;
       }
 
@@ -46,11 +43,6 @@ export const toolbarStyles: (
           flex-grow: 1;
       }
 
-      :host([orientation="vertical"]) {
-          border-inline-end: 1px solid ${neutralStrokeDividerRest};
-          border-bottom: none;
-      }
-
       :host([orientation="vertical"]) .positioning-region {
           flex-direction: column;
           align-items: start;