# All files / layouts/Pane/styles PaneSectionWrap.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

     import styled from 'styled-components';
    import get from 'extensions/themeGet';
    import PaneStyles from './PaneStyles';
    import PaneRow from '../PaneRow';

    export default styled.section`
      ${PaneStyles} > & {
        margin: ${get('spacing.large')} 0 0 0;

        &:first-of-type {
          margin-top: 0;
        }
        &:last-of-type {
          margin-bottom: ${get('spacing.large')};
        }
      }

      /* in the last row, we don't want any bottom space */

      ${PaneRow}:last-child > ${PaneStyles} > & {
        margin-bottom: 0;
      }
    `;