@buffetjs/styles
Version:
Buffetjs Styles - The styling solution of Buffetjs
39 lines (35 loc) • 698 B
JavaScript
/**
*
* HeaderTitle
*
*/
import styled from 'styled-components';
import sizes from '../../assets/styles/sizes';
const HeaderTitle = styled.div`
position: relative;
padding-top: 0.5rem;
h1 {
position: relative;
width: fit-content;
max-width: 100%;
margin-bottom: 0;
padding-right: 18px;
font-size: 2.4rem;
line-height: normal;
font-weight: ${sizes.fontWeight.bold};
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
svg {
position: absolute;
right: 0;
top: 0;
margin-top: 12px;
font-size: 12px;
color: rgba(16, 22, 34, 0.35);
cursor: pointer;
outline: 0;
}
`;
export default HeaderTitle;