@parkassist/pa-ui-library/dist/components/Layout/SectionTitle/styled.js

INX Platform elements

import styled from "styled-components";
import { Column, Row } from "../Flex";
import Measures from "../../../constants/Measures";
import Palette from "../../../constants/Palette";
import FontStyles from "../../../constants/FontStyles";
export const SectionTitleWrapper = styled(Row)`
  flex: 1;
  min-height: calc(${Measures.unit} * 2);
  height: calc(${Measures.unit} * 2);
  align-items: center;
  justify-content: space-between;
  margin-top: calc(${Measures.topBarHeight} + ${Measures.unit});
  margin-bottom: ${Measures.unit};
  padding-left: ${Measures.sidePadding};
  padding-right: ${Measures.sidePaddingRight};
`;
export const TitleWrapper = styled(Row)`
  align-items: center;
  min-height: calc(${Measures.unit} * 2);
  height: calc(${Measures.unit} * 2);
  font: ${FontStyles.HEADER};
`;
export const TriangleWrapper = styled(Column)`
  margin-right: 10px;
  color: ${Palette.PRIMARY};
`;