# All files / components/Modal/styles ModalWindow.js

100% Statements 0/0
100% Branches 0/0
100% Functions 0/0
100% Lines 0/0

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22

     import styled from 'styled-components';
    import get from 'extensions/themeGet';

    // content flex is `0 1 auto`: it won't grow beyond the content size, but can shrink if the window is too small
    // to show everything.

    export default styled.div`
      background: ${get('colors.background.default')};
      width: auto;
      max-width: 70%;
      min-width: 20%;
      flex: 0 1 auto;
      min-height: 1em;
      max-height: 70vh;
      margin: 180px auto auto auto;
      display: flex;
      flex-direction: column;
      border-radius: 5px;
      box-shadow: ${get('shadows.long')};
      position: relative;
    `;