@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
33 lines • 1.08 kB
JavaScript
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import AppBar, { appBarClasses } from '@mui/material/AppBar';
import Grid, { gridClasses } from '@mui/material/Grid';
import { styled } from "../../helpers/styled";
export var StyledAppBar = styled(AppBar)(function (_a) {
var _b;
var $appBarHeight = _a.$appBarHeight, theme = _a.theme;
return (_b = {},
_b["&.".concat(appBarClasses.root)] = {
alignItems: 'center',
display: 'flex',
flexDirection: 'row',
height: $appBarHeight,
padding: "0 calc(".concat(theme.spacing(1), " * 2.58)"),
},
_b);
});
export var StyledGrid = styled(Grid)(function (_a) {
var _b;
var theme = _a.theme;
return (_b = {},
_b["&.".concat(gridClasses.container)] = {
alignItems: 'center',
paddingLeft: theme.spacing(3),
},
_b);
});
//# sourceMappingURL=styles.js.map