File "styles.js"

Full Path: /home/siazco/grocery.siazco.se/wp-content/plugins/better-wp-security/core/admin-pages/entries/user-security/components/styles.js
File size: 793 bytes
MIME-type: text/x-java
Charset: utf-8

/**
 * External dependencies
 */
import styled from '@emotion/styled';

/**
 * WordPress dependencies
 */
import { SnackbarList } from '@wordpress/components';

/**
 * SolidWP dependencies
 */
import { Surface } from '@ithemes/ui';

export const StyledApp = styled( Surface )`
	display: flex;
	flex-direction: column;
`;

export const StyledPageContainer = styled.div`
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	padding: ${ ( { theme: { getSize } } ) =>
		`${ getSize( 1 ) } ${ getSize( 1.25 ) }` };
`;

export const StyledPageHeader = styled.header`
	padding: ${ ( { theme: { getSize } } ) =>
		`${ getSize( 1 ) } 0` };
`;

export const StyledSnackbarList = styled( SnackbarList )`
	.components-snackbar {
		margin: 0 auto;
	}
`;