mirror of
https://ghproxy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-07-23 12:37:39 +08:00
ad2174ffe3* New: Add the heading structure components [APP-1792] (#391) * New: Add the new rules [APP-1792] * New: Add the BE integration [APP-1792] * Fix: Fix QA issues [APP-1792] * merge latest dev * merge latest dev * merge latest dev * merge latest dev * merge latest dev * merge latest dev * add reset to initial --------- Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com> Co-authored-by: Kniazevych <pavlok@elementor.red>
85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
import Box from '@elementor/ui/Box';
|
|
import CardContent from '@elementor/ui/CardContent';
|
|
import Container from '@elementor/ui/Container';
|
|
import Paper from '@elementor/ui/Paper';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
|
|
export const StyledBox = styled(Box)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
max-height: 100%;
|
|
min-height: 50%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
`;
|
|
|
|
export const StyledContainer = styled(Container)`
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
`;
|
|
|
|
export const StyledWideBox = styled(Box)`
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
width: 100%;
|
|
`;
|
|
|
|
export const StyledTitle = styled(Typography)`
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
margin: 0;
|
|
|
|
color: #0c0d0e;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
line-height: 130%;
|
|
letter-spacing: 0.15px;
|
|
`;
|
|
|
|
export const StyledStatementPaper = styled(Paper)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 24px;
|
|
width: 376px;
|
|
min-height: 264px;
|
|
border-radius: ${({ theme }) => theme.shape.borderRadius};
|
|
box-shadow: ${({ theme }) => theme.shadows[0]};
|
|
cursor: pointer;
|
|
|
|
:hover {
|
|
box-shadow: 0 0 15px 0 rgba(37, 99, 235, 0.15);
|
|
border-color: ${({ theme }) => theme.palette.info.main};
|
|
}
|
|
`;
|
|
|
|
export const StyledStatementContainer = styled(Container)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
max-width: 1200px;
|
|
width: 100%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
|
|
@media (min-width: ${({ theme }) => theme.breakpoints.values.sm}px) {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
`;
|
|
|
|
export const StyledCardContent = styled(CardContent)`
|
|
&:last-child {
|
|
padding-bottom: 16px;
|
|
}
|
|
`;
|
