@stokr/components-library
Version:
STOKR - Components Library
55 lines (54 loc) • 7.29 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledFooter = exports.PoweredWrap = exports.Powered = exports.PartnerWrap = exports.Partner = exports.LogoWrap = exports.FooterNav = exports.FooterInner = exports.CopyrightWrap = exports.Copyright = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _grid = _interopRequireDefault(require("../../styles/grid"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _colors = _interopRequireDefault(require("../../styles/colors"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const StyledFooter = exports.StyledFooter = _styledComponents.default.footer.withConfig({
displayName: "Footerstyles__StyledFooter",
componentId: "sc-12rq6gz-0"
})(["z-index:15;position:relative;", " ", " ", " @media screen and (max-width:991px){height:auto;}", " ", ""], props => props.color === 'primary' && (0, _styledComponents.css)(["color:", ";background-color:", ";", ""], _colors.default.white, _colors.default.blue, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-shadow: inset 0 1px 0 0 ", ";\n "])), _colors.default.blueDark)), props => props.color === 'red' && (0, _styledComponents.css)(["color:", ";background-color:", ";", ""], _colors.default.white, _colors.default.rustyRed, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n box-shadow: inset 0 1px 0 0 ", ";\n padding: 0 65px;\n "])), _colors.default.rustyRed)), _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 65px;\n "]))), props => props.hasSidebar && "\n padding: 0px !important;\n transition: 0.3s padding;\n ", props => props.isSidebarExpanded && "\n padding-left:200px !important;\n ");
const FooterInner = exports.FooterInner = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__FooterInner",
componentId: "sc-12rq6gz-1"
})(["padding:24px 0;justify-content:space-between;", " ", " @media screen and (max-width:991px){flex-direction:column;padding:56px 32px;}"], props => props.hasSidebar && "\n padding: 24px ".concat((0, _grid.default)(1), ";\n "), _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding: 20px 0;\n display: flex;\n align-items: center;\n height: 100%;\n\n ", "\n "])), props => props.hasSidebar && "\n padding: 20px ".concat((0, _grid.default)(1), ";\n ")));
const LogoWrap = exports.LogoWrap = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__LogoWrap",
componentId: "sc-12rq6gz-2"
})(["margin-bottom:25px;text-align:center;", ""], _rwd.default.MLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\nmargin-bottom:0px;\n"]))));
const CopyrightWrap = exports.CopyrightWrap = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__CopyrightWrap",
componentId: "sc-12rq6gz-3"
})(["text-align:center;", ""], _rwd.default.Medium(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex: 2;\n "]))));
const PartnerWrap = exports.PartnerWrap = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__PartnerWrap",
componentId: "sc-12rq6gz-4"
})(["text-align:center;", " @media screen and (max-width:991px){text-align:center;margin-bottom:25px;}"], _rwd.default.Medium(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n // flex: 2;\n text-align: left;\n "]))));
const PoweredWrap = exports.PoweredWrap = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__PoweredWrap",
componentId: "sc-12rq6gz-5"
})(["text-align:center;text-transform:uppercase;letter-spacing:2.1px;line-height:1.8;font-weight:400;font-size:10px;", " @media screen and (max-width:991px){text-align:center;div{margin-top:10px;}}"], _rwd.default.Medium(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n text-align: left;\n //margin-top: 10px;\n "]))));
const FooterNav = exports.FooterNav = _styledComponents.default.nav.withConfig({
displayName: "Footerstyles__FooterNav",
componentId: "sc-12rq6gz-6"
})(["display:block;font-size:0;padding-top:6px;padding-bottom:30px;", " ul{display:block;margin:0;padding:0;margin-left:-32px;}li{display:inline-block;vertical-align:middle;margin-left:32px;}a{position:relative;display:block;font-size:12px;line-height:16px;letter-spacing:2px;text-transform:uppercase;padding:2px 0;&:before{content:'';display:block;height:2px;width:100%;position:absolute;top:100%;left:0;background-color:", ";opacity:0;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s;}&:hover{&:before{opacity:1;transform:translateY(0);}}", "}"], _rwd.default.Medium(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding-top: 0;\n padding-bottom: 0;\n "]))), _colors.default.white, _rwd.default.Medium(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n font-size: 9px;\n line-height: 16px;\n "]))));
const Partner = exports.Partner = _styledComponents.default.span.withConfig({
displayName: "Footerstyles__Partner",
componentId: "sc-12rq6gz-7"
})(["text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.8;letter-spacing:2.1px;img{margin-bottom:4px;}@media screen and (max-width:560px){line-height:20px;}"]);
const Copyright = exports.Copyright = _styledComponents.default.span.withConfig({
displayName: "Footerstyles__Copyright",
componentId: "sc-12rq6gz-8"
})(["img{margin-bottom:4px;}"]);
const Powered = exports.Powered = _styledComponents.default.div.withConfig({
displayName: "Footerstyles__Powered",
componentId: "sc-12rq6gz-9"
})(["display:flex;flex-direction:column;align-items:self-start;span{vertical-align:middle;text-transform:uppercase;-webkit-letter-spacing:2.1px;-moz-letter-spacing:2.1px;-ms-letter-spacing:2.1px;letter-spacing:2.1px;line-height:10x;white-space:nowrap;color:inherit;}a{display:inline-block;vertical-align:middle;margin-left:4px;transition:opacity 0.2s;&:hover{opacity:0.5;}}img{position:relative;}@media screen and (max-width:991px){align-items:center;}"]);