@os-design/website
Version:
41 lines (39 loc) • 1.07 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const core_1 = require("@emotion/core");
const utils_1 = require("@os-design/utils");
const styled_1 = __importDefault(require("@os-design/styled"));
/**
* Sets the bottom margin to each child.
*/
const maringBottom = core_1.css `
& > * {
display: block;
&:not(:last-child) {
margin-bottom: 0.3em;
}
}
`;
/**
* Aligns content to the right side on large screens.
*/
const responsive = (p) => p.hasNavigation && core_1.css `
${utils_1.m.md} {
justify-self: end;
text-align: right;
}
`;
/**
* The company info (business address, email, etc).
*/
const FooterCompanyInfo = styled_1.default('div', utils_1.omitProps(['hasNavigation'])) `
grid-area: company-info;
justify-self: start;
${maringBottom};
${responsive};
`;
exports.default = FooterCompanyInfo;
//# sourceMappingURL=FooterCompanyInfo.js.map