# All files / components/Navigation/styles NavigationLogoPairWrapper.js

0% Statements 0/11
0% Branches 0/4
0% Functions 0/1
0% Lines 0/4

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29

     import styled from 'styled-components';
    import get from 'extensions/themeGet';
    import NavigationHeading from './NavigationHeading';
    import NavigationBar from './NavigationBar';

    export default styled.div`
      display: flex;
      flex-direction: row;
      color: inherit;

      & > ${NavigationHeading} {
        border-left: ${get('thicknesses.normal')} solid;
        border-left-color: ${get('colors.text.inverted')};
        margin: auto;
        margin-left: 0.5em;
        padding-left: 0.5em;
      }

      ${NavigationBar.Light} > &, ${NavigationBar.Sub} > & {
        & > ${NavigationHeading} {
          border-left-color: ${get('colors.text.default')};
        }
      }

      ${NavigationBar} > &, ${NavigationBar.Dark} > &, ${NavigationBar.Sub} > & {
        margin: auto ${get('spacing.small')} auto 0;
      }
    `;