@chayns-components/core/lib/esm/components/page-provider/PageProvider.styles.js

A set of beautiful React components for developing your own applications with chayns.

import styled from 'styled-components';
export const StyledPageProvider = styled.div`
    height: ${_ref => {
  let {
    $usableHeight
  } = _ref;
  return $usableHeight ? `${$usableHeight}px` : undefined;
}};
    position: relative;
    ${_ref2 => {
  let {
    $shouldUsePadding
  } = _ref2;
  return $shouldUsePadding ? `
        padding: 15px 10px 20px;
        @media screen and (min-width: 33.5em) {
            padding: 35px 43px 30px;
        }
    ` : 'padding: 0px;';
}}

    .color-scheme-provider:first-child:not(td) {
        & > h1,
        & > .h1,
        & > h2,
        & > .h2,
        & > h3,
        & > .h3,
        & > h4,
        & > .h4,
        & > h5,
        & > .h5 {
            &:first-of-type:first-child {
                margin-top: 0;
            }
        }
    }
`;
//# sourceMappingURL=PageProvider.styles.js.map