ghost-portal/packages/react-components/src/styles/media.ts

// Copyright 2017-2022 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0

export default `
  .media--2000 {
    @media only screen and (max-width: 2000px) {
      display: none !important;
    }
  }

  .media--1900 {
    @media only screen and (max-width: 1900px) {
      display: none !important;
    }
  }

  .media--1800 {
    @media only screen and (max-width: 1800px) {
      display: none !important;
    }
  }

  .media--1700 {
    @media only screen and (max-width: 1700px) {
      display: none !important;
    }
  }

  .media--1600 {
    @media only screen and (max-width: 1600px) {
      display: none !important;
    }
  }

  .media--1500 {
    @media only screen and (max-width: 1500px) {
      display: none !important;
    }
  }

  .media--1400 {
    @media only screen and (max-width: 1400px) {
      display: none !important;
    }
  }

  .media--1300 {
    @media only screen and (max-width: 1300px) {
      display: none !important;
    }
  }

  .media--1200 {
    @media only screen and (max-width: 1200px) {
      display: none !important;
    }
  }

  .media--1100 {
    @media only screen and (max-width: 1100px) {
      display: none !important;
    }
  }

  .media--1000 {
    @media only screen and (max-width: 1000px) {
      display: none !important;
    }
  }

  .media--900 {
    @media only screen and (max-width: 900px) {
      display: none !important;
    }
  }

  .media--800 {
    @media only screen and (max-width: 800px) {
      display: none !important;
    }
  }

  .media--700 {
    @media only screen and (max-width: 700px) {
      display: none !important;
    }
  }

  .media--600 {
    @media only screen and (max-width: 600px) {
      display: none !important;
    }
  }

  .media--500 {
    @media only screen and (max-width: 500px) {
      display: none !important;
    }
  }

  .media--400 {
    @media only screen and (max-width: 400px) {
      display: none !important;
    }
  }
`;