@braineet/ui
Version:
Braineet design system
24 lines • 927 B
JavaScript
import styled from 'styled-components';
import Pane from '../pane';
export var StyledLayout = styled(Pane).withConfig({
displayName: "styles__StyledLayout",
componentId: "sc-1bvnkcm-0"
})(["position:relative;display:flex;align-items:stretch;flex:auto;height:100%;min-height:0;min-width:0;"]);
export var Sider = styled.aside.withConfig({
displayName: "styles__Sider",
componentId: "sc-1bvnkcm-1"
})(["position:relative;border-radius:", ";"], function (props) {
return props.theme.borderRadius.md;
});
export var Header = styled.header.withConfig({
displayName: "styles__Header",
componentId: "sc-1bvnkcm-2"
})(["position:relative;"]);
export var Content = styled.section.withConfig({
displayName: "styles__Content",
componentId: "sc-1bvnkcm-3"
})(["position:relative;"]);
export var Footer = styled.footer.withConfig({
displayName: "styles__Footer",
componentId: "sc-1bvnkcm-4"
})(["position:relative;"]);