@stokr/components-library
Version:
STOKR - Components Library
42 lines (41 loc) • 8.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LandingPageTitleLink = exports.LandingPageTitle = exports.Customh2 = exports.CustomH1 = exports.CareersTitleMain = exports.BigH3Title = exports.AnnouncementTitleMain = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _reactRouterDom = require("react-router-dom");
var _media = _interopRequireDefault(require("../StokrLoader/media"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
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 CustomH1 = exports.CustomH1 = _styledComponents.default.h1.withConfig({
displayName: "PageTitle__CustomH1",
componentId: "sc-1g91fdb-0"
})(["font-size:34px;font-weight:800;font-style:normal;font-stretch:normal;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;", " @media screen and (max-width:767px){font-size:22px;}"], props => props.extramargin && (0, _styledComponents.css)(["margin-top:2rem;margin-bottom:3rem;"]));
const BigH3Title = exports.BigH3Title = _styledComponents.default.h3.withConfig({
displayName: "PageTitle__BigH3Title",
componentId: "sc-1g91fdb-1"
})(["font-size:1.25rem;font-weight:900;letter-spacing:normal;line-height:1.28571429em;text-transform:uppercase;margin-bottom:1rem;position:relative;", ";"], _media.default.desktop(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n top: -1px;\n "]))));
const Customh2 = exports.Customh2 = _styledComponents.default.h3.withConfig({
displayName: "PageTitle__Customh2",
componentId: "sc-1g91fdb-2"
})(["font-size:1.12rem;font-weight:900;letter-spacing:normal;text-transform:uppercase;margin-bottom:1rem;", " ", ";"], props => props.announcementcustomh2 && (0, _styledComponents.css)(["margin-bottom:3rem;"]), _media.default.desktop(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: 2rem;\n "]))));
const LandingPageTitle = exports.LandingPageTitle = _styledComponents.default.h2.withConfig({
displayName: "PageTitle__LandingPageTitle",
componentId: "sc-1g91fdb-3"
})(["display:block;text-transform:uppercase;font-weight:800;font-size:2rem;font-size:34px !important;line-height:2.31rem;letter-spacing:0.06rem;color:", ";margin:", ";order:2;position:relative;top:-13px;br{}", " ", ";", ";", ";", ";", ";"], props => props.dark ? _theme.default.cBlack : _theme.default.cWhite, props => props.home ? '1rem 0 0' : '1rem 0 1.5rem', props => props.announcementheading && (0, _styledComponents.css)(["font-size:22px !important;"]), _media.default.tablet(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 3rem;\n // line-height: 4rem;\n line-height: 1;\n top: -15px;\n "]))), _media.default.desktop(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 2.6rem;\n margin: 0 0 2rem 0;\n letter-spacing: 0.165rem;\n line-height: 1;\n order: 1;\n top: 0;\n \n br {\n display: inline-block;\n }\n "]))), _media.default.large(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: 2.68rem;\n "]))), _media.default.default(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 3.18rem;\n "]))), _media.default.widescreen(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 4.18rem;\n "]))));
const LandingPageTitleLink = exports.LandingPageTitleLink = (0, _styledComponents.default)(_reactRouterDom.Link).withConfig({
displayName: "PageTitle__LandingPageTitleLink",
componentId: "sc-1g91fdb-4"
})(["color:#000;display:flex;order:2;transition:opacity 0.3s;&:after{display:none;}&:hover,&:active{color:#000;}", ";"], _media.default.desktop(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n order: 1;\n\n &:hover,\n &:active {\n color: #000;\n opacity: 0.65;\n }\n "]))));
const AnnouncementTitleMain = exports.AnnouncementTitleMain = _styledComponents.default.span.withConfig({
displayName: "PageTitle__AnnouncementTitleMain",
componentId: "sc-1g91fdb-5"
})(["display:block;text-transform:uppercase;font-weight:800;font-size:2rem;font-size:34px !important;line-height:2.31rem;letter-spacing:0.06rem;color:", ";margin:", ";order:2;position:relative;top:-13px;br{}", " ", ";", ";", ";", ";", ";"], props => props.dark ? _theme.default.cBlack : _theme.default.cWhite, props => props.home ? '1rem 0 0' : '1rem 0 1.5rem', props => props.announcementheading && (0, _styledComponents.css)(["font-size:22px !important;"]), _media.default.tablet(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-size: 3rem;\n // line-height: 4rem;\n line-height: 1;\n top: -15px;\n "]))), _media.default.desktop(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n font-size: 2.6rem;\n margin: 0 0 2rem 0;\n letter-spacing: 0.165rem;\n line-height: 1;\n order: 1;\n top: 0;\n \n br {\n display: inline-block;\n }\n "]))), _media.default.large(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n font-size: 2.68rem;\n "]))), _media.default.default(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n font-size: 3.18rem;\n "]))), _media.default.widescreen(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: 4.18rem;\n "]))));
const CareersTitleMain = exports.CareersTitleMain = _styledComponents.default.span.withConfig({
displayName: "PageTitle__CareersTitleMain",
componentId: "sc-1g91fdb-6"
})(["display:block;text-transform:uppercase;font-weight:800;font-size:2rem;font-size:34px !important;line-height:2.31rem;letter-spacing:0.06rem;color:", ";margin:", ";order:2;position:relative;top:-13px;br{}", " ", ";", ";", ";", ";", ";"], props => props.dark ? _theme.default.cBlack : _theme.default.cWhite, props => props.home ? '1rem 0 0' : '1rem 0 1.5rem', props => props.announcementheading && (0, _styledComponents.css)(["font-size:22px !important;"]), _media.default.tablet(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 3rem;\n // line-height: 4rem;\n line-height: 1;\n top: -15px;\n "]))), _media.default.desktop(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 2.6rem;\n margin: 0 0 2rem 0;\n letter-spacing: 0.165rem;\n line-height: 1;\n order: 1;\n top: 0;\n \n br {\n display: inline-block;\n }\n "]))), _media.default.large(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-size: 2.68rem;\n "]))), _media.default.default(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n font-size: 3.18rem;\n "]))), _media.default.widescreen(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n font-size: 4.18rem;\n "]))));