mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-21 08:52:46 +08:00
78 lines
1.8 KiB
JavaScript
78 lines
1.8 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)`
|
|
font-weight: 400;
|
|
letter-spacing: 0.25px;
|
|
margin-bottom: 16px;
|
|
`;
|
|
|
|
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;
|
|
}
|
|
`;
|
