@wenn/onb/ui/Global/index.js

onb-core

import styled from 'styled-components';

export const ContainerDesktop = styled.div`
  background: linear-gradient(
    135deg,
    ${props => props.theme.palette.primary.default} 0%,
    ${props => props.theme.palette.primary.dark} 80%
  );
  display: flex;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
`;

export const Onboarding = styled.div`
  background-color: ${props => props.theme.palette.common.bodyBg};
  overflow-y: ${props => (props.isLead ? 'hidden' : 'auto')};
  position: relative;
  width: ${props => props.theme.breakPoints.sm};
`;

export const Logo = styled.img`
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
`;

export const LogoMobile = styled.img`
  margin-top: ${props => props.theme.spacer.logo.top || '1.5rem'};
  margin-left: ${props => props.theme.spacer.logo.left || '2rem'};
`;