mirror of
https://github.com/outline/outline.git
synced 2026-06-13 03:14:59 +03:00
Tom Moor
17 lines
487 B
TypeScript
17 lines
487 B
TypeScript
import styled from "styled-components";
|
|
import breakpoint from "styled-components-breakpoint";
|
|
|
|
const Heading = styled.h1<{ as?: string; centered?: boolean }>`
|
|
display: flex;
|
|
align-items: center;
|
|
user-select: none;
|
|
${(props) => (props.as ? "" : "margin-top: 3vh; font-weight: 600;")}
|
|
${(props) => (props.centered ? "text-align: center;" : "")}
|
|
|
|
${breakpoint("tablet")`
|
|
${(props: { as?: string }) => (props.as ? "" : "margin-top: 6vh;")}
|
|
`};
|
|
`;
|
|
|
|
export default Heading;
|