@stokr/components-library
Version:
STOKR - Components Library
57 lines (56 loc) • 5.81 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TitleContainer = exports.Title = exports.SocialLink = exports.Link = exports.Items = exports.Item = exports.HiringTotalNumber = exports.Groups = exports.Group = exports.Container = exports.ArrowDown = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _colors = _interopRequireDefault(require("../../styles/colors"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Container = exports.Container = _styledComponents.default.div.withConfig({
displayName: "FooterMenustyles__Container",
componentId: "sc-40ddqf-0"
})(["z-index:2;position:relative;display:block;width:100%;padding:0;"]);
const Groups = exports.Groups = _styledComponents.default.ul.withConfig({
displayName: "FooterMenustyles__Groups",
componentId: "sc-40ddqf-1"
})(["display:block;list-style:none;margin:0;padding:0;@media screen and (min-width:992px){display:flex;}"]);
const Group = exports.Group = _styledComponents.default.li.withConfig({
displayName: "FooterMenustyles__Group",
componentId: "sc-40ddqf-2"
})(["display:block;border-top:1px solid ", ";@media screen and (min-width:992px){display:inline-block;padding:64px 65px 68px;flex-grow:1;width:25%;}@media screen and (max-width:1270px){padding:64px 3% 68px;&:first-child{padding-left:65px;}&:last-child{padding-right:45px;padding-top:59px;}}@media screen and (max-width:992px){padding:32px 48px;&:first-child{padding-left:48px;}&:last-child{padding:32px 48px;margin-bottom:6px;}}&:last-child{@media screen and (min-width:980px){}@media screen and (min-width:1150px){padding:59px 65px 68px;}@media screen and (min-width:1360px){}}@media screen and (min-width:992px) and (max-width:1270px){&:first-child{width:25%;}&:nth-child(2){width:20%;}&:nth-child(3){width:25%;}&:last-child{width:30%;}}"], _colors.default.lightGrey);
const Title = exports.Title = _styledComponents.default.button.withConfig({
displayName: "FooterMenustyles__Title",
componentId: "sc-40ddqf-3"
})(["position:relative;display:block;width:100%;font-family:'Open Sans';font-weight:normal;font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;border:0;margin:0;margin-bottom:20px;padding:24px 32px;outline:0;text-align:left;color:", ";transition:color 0.2s;cursor:default;background-color:inherit;", " ", " @media screen and (min-width:992px){padding:0;cursor:default;&:focus,&:hover{color:", ";}}@media screen and (max-width:992px){padding:0;margin:0;}"], _theme.default.cBlack, props => props.collapse && "\n padding-right: 48px;\n cursor: pointer;\n\n &:focus ,\n &:hover {\n // color: ".concat(_theme.default.cPrimary, ";\n color: initial;\n }\n "), props => props.social && "\n margin-top: 14px;\n ", _theme.default.cBlack);
const Items = exports.Items = _styledComponents.default.ul.withConfig({
displayName: "FooterMenustyles__Items",
componentId: "sc-40ddqf-4"
})(["display:block;list-style:none;padding:0 24px;padding-bottom:24px;@media screen and (min-width:992px){display:block;padding:0;margin-top:22px;margin:0 -8px;width:224px;", "}@media screen and (max-width:992px){padding-top:15px;padding-left:0;padding-bottom:0;}"], props => props.social && "\n margin-top: 14px;\n ");
const Item = exports.Item = _styledComponents.default.li.withConfig({
displayName: "FooterMenustyles__Item",
componentId: "sc-40ddqf-5"
})(["display:block;padding:7px 8px;", ";@media screen and (max-width:992px){&:first-of-type{}padding-left:0;padding-right:16px;}"], props => props.social && "\n display: inline-block;\n ");
const Link = exports.Link = _styledComponents.default.a.withConfig({
displayName: "FooterMenustyles__Link",
componentId: "sc-40ddqf-6"
})(["display:inline-block;font-family:'Open Sans';font-weight:bold;font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;color:", ";transition:color 0.2s;width:100%;&:focus,&:hover{opacity:0.6;}"], _theme.default.cBlack);
const SocialLink = exports.SocialLink = _styledComponents.default.a.withConfig({
displayName: "FooterMenustyles__SocialLink",
componentId: "sc-40ddqf-7"
})(["position:relative;display:inline-block;width:40px;height:40px;border-radius:20px;transition:background-color 0.2s;& > svg,img{height:40px;width:40px;}&:focus,&:hover{opacity:0.8;}"]);
const HiringTotalNumber = exports.HiringTotalNumber = _styledComponents.default.span.withConfig({
displayName: "FooterMenustyles__HiringTotalNumber",
componentId: "sc-40ddqf-8"
})(["background:#88fa51;color:#000;border-radius:100px;display:inline-flex;width:15px;height:15px;margin-left:0px;text-align:center;font-weight:600;align-items:center;justify-content:center;padding:8px 0;font-size:11px;font-weight:700;padding-right:0;padding-top:6px;"]);
const TitleContainer = exports.TitleContainer = _styledComponents.default.div.withConfig({
displayName: "FooterMenustyles__TitleContainer",
componentId: "sc-40ddqf-9"
})(["@media screen and (max-width:990px){align-items:center;display:flex;justify-content:space-between;}"]);
const ArrowDown = exports.ArrowDown = _styledComponents.default.i.attrs({
className: 'ion ion-ios-arrow-down'
}).withConfig({
displayName: "FooterMenustyles__ArrowDown",
componentId: "sc-40ddqf-10"
})(["&&&{top:50%;right:0;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}", ""], props => props.isOpened && "\n transform: rotate(180deg);\n ", props => !props.displayAlways && "\n @media screen and (min-width: 992px) {\n display: none;\n }\n ");