# All files / components/Note/styles NoteContainer.js

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

    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
    30
    31
    32
    33
    34
    35
    36
    37

     import styled from 'styled-components';
    import get from 'extensions/themeGet';
    import Corner from './NoteCorner';

    const NoteContainer = styled.div`
      background: ${get('colors.background.default')};
      border: ${get('thicknesses.normal')} solid ${get('colors.border.medium')};
      border-right: 0;
      margin-right: 1em;
      padding: 0.7em;
      padding-left: 1em;
      min-width: 10em;
      position: relative;
    `;

    NoteContainer.Alternate = styled(NoteContainer)`
      background: ${get('colors.primary.light')};
      color: ${get('colors.primary.dark')};
      border-color: ${get('colors.primary.default')};

      & > ${Corner} {
        border-color: ${get('colors.primary.default')};

        &::before {
          border-color: ${get('colors.primary.default')} transparent transparent
            ${get('colors.primary.default')};
          box-shadow: 0 -1px 0 ${get('colors.primary.default')};
        }
        &::after {
          border-color: ${get('colors.primary.light')} transparent transparent
            ${get('colors.primary.light')};
        }
      }
    `;

    export default NoteContainer;