From 412b0f3a9ea250eb838eccf2454055ee5e6ef392 Mon Sep 17 00:00:00 2001 From: Vince Picone Date: Wed, 22 May 2019 18:17:20 -0500 Subject: [PATCH] fix: add margin to dividers, add brand center url --- .../gatsby-theme-carbon/src/components/Switcher/Switcher.js | 5 ++--- .../Switcher/{switcher.module.scss => Switcher.module.scss} | 4 +--- 2 files changed, 3 insertions(+), 6 deletions(-) rename packages/gatsby-theme-carbon/src/components/Switcher/{switcher.module.scss => Switcher.module.scss} (95%) diff --git a/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js b/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js index e118df37e..950c5797f 100644 --- a/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js +++ b/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js @@ -1,9 +1,8 @@ import React, { useContext } from 'react'; -// import PropTypes from 'prop-types'; import cx from 'classnames'; import NavContext from '../../util/context/NavContext'; import { useScrollDirection } from '../../util/hooks'; -import { nav, open, divider, link, linkDisabled } from './switcher.module.scss'; +import { nav, open, divider, link, linkDisabled } from './Switcher.module.scss'; const Switcher = ({ children }) => { const { switcherIsOpen, toggleNavState } = useContext(NavContext); @@ -47,7 +46,7 @@ const DefaultChildren = () => ( IBM Design Language - IBM Brand Center + IBM Brand Center Design disciplines Product diff --git a/packages/gatsby-theme-carbon/src/components/Switcher/switcher.module.scss b/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.module.scss similarity index 95% rename from packages/gatsby-theme-carbon/src/components/Switcher/switcher.module.scss rename to packages/gatsby-theme-carbon/src/components/Switcher/Switcher.module.scss index 98e249b7e..01829d5e2 100644 --- a/packages/gatsby-theme-carbon/src/components/Switcher/switcher.module.scss +++ b/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.module.scss @@ -22,11 +22,9 @@ } .divider { - margin-top: 32px; - margin-left: 1rem; + margin: 32px 1rem 0 1rem; color: $carbon--gray-70; padding-bottom: 4px; - width: 100%; border-bottom: 1px solid $carbon--gray-70; padding-bottom: 4px; margin-bottom: 8px;