backpack-ui
Version:
Lonely Planet's Components
15 lines (9 loc) • 4.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _colors = require("../../styles/colors");
var _colors2 = _interopRequireDefault(_colors);
var _color = require("../../utils/color");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = "\n .pswp {\n z-index: 2000;\n }\n\n .pswp__bg {\n background: " + _colors2.default.bgPrimary + ";\n }\n\n .pswp__button {\n opacity: 1;\n }\n\n .pswp__button--close {\n background-color: transparent;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'32px'%20height%3D'32px'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20fill%3D'%23d3d3d3'%20d%3D'M17.6%2C16L31.7%2C1.9c0.4-0.4%2C0.4-1.2%2C0-1.6c-0.4-0.4-1.1-0.4-1.6%2C0L16%2C14.4L1.9%2C0.3c-0.4-0.4-1.2-0.4-1.6%2C0c-0.4%2C0.4-0.4%2C1.2%2C0%2C1.6L14.4%2C16L0.3%2C30.1c-0.4%2C0.4-0.4%2C1.2%2C0%2C1.6c0.4%2C0.4%2C1.2%2C0.4%2C1.6%2C0L16%2C17.6l14.1%2C14.1c0.4%2C0.4%2C1.2%2C0.4%2C1.6%2C0c0.4-0.4%2C0.4-1.1%2C0-1.6L17.6%2C16z'%20%2F%3E%3C%2Fsvg%3E\") !important;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 16px 16px;\n height: 16px;\n margin-right: 8px;\n margin-top: 8px;\n padding: 22px;\n width: 16px;\n float: right;\n }\n\n @media (min-width: 45em) {\n .pswp__button--close {\n background-size: 32px 32px;\n height: 32px;\n padding: 44px;\n margin-right: 16px;\n width: 32px;\n }\n }\n\n .pswp__button--arrow--left,\n .pswp__button--arrow--right {\n height: 36px;\n width: 21px;\n padding: 44px;\n }\n\n .pswp__button--arrow--left {\n left: 16px;\n }\n\n .pswp__button--arrow--right {\n right: 16px;\n }\n\n .pswp__button--arrow--left:before,\n .pswp__button--arrow--right:before {\n background-color: transparent;\n top: 0;\n height: 36px;\n width: 21px;\n padding: 44px;\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 21px 36px;\n }\n\n .pswp__button--arrow--left:before {\n left: 0;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'21px'%20height%3D'36px'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2021%2036'%3E%3Cpath%20fill%3D'%23d3d3d3'%20d%3D'M20.6%2C33.6L3.6%2C18l17-15.6c0.6-0.6%2C0.6-1.5%2C0-2c-0.6-0.6-1.5-0.6-2%2C0L0.6%2C16.8c-0.1%2C0-0.2%2C0-0.2%2C0.1C0.1%2C17.2%2C0%2C17.6%2C0%2C18c0%2C0.4%2C0.1%2C0.8%2C0.4%2C1.1c0.1%2C0.1%2C0.2%2C0%2C0.2%2C0.1l17.9%2C16.4c0.6%2C0.6%2C1.5%2C0.6%2C2%2C0C21.1%2C35%2C21.1%2C34.1%2C20.6%2C33.6z'%20%2F%3E%3C%2Fsvg%3E\") !important;\n }\n\n .pswp__button--arrow--right:before {\n right: 0;\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'21px'%20height%3D'36px'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2021%2036'%3E%3Cpath%20fill%3D'%23d3d3d3'%20d%3D'M20.6%2C16.9c-0.1-0.1-0.2%2C0-0.2-0.1L2.4%2C0.4c-0.6-0.6-1.5-0.6-2%2C0c-0.6%2C0.6-0.6%2C1.5%2C0%2C2l17%2C15.6l-17%2C15.6c-0.6%2C0.6-0.6%2C1.5%2C0%2C2c0.6%2C0.6%2C1.5%2C0.6%2C2%2C0l17.9-16.4c0.1%2C0%2C0.2%2C0%2C0.2-0.1c0.3-0.3%2C0.4-0.7%2C0.4-1.1C21%2C17.6%2C20.9%2C17.2%2C20.6%2C16.9z'%20%2F%3E%3C%2Fsvg%3E\") !important;\n }\n\n .pswp__top-bar,\n .pswp__caption,\n .pswp__ui--fit .pswp__top-bar,\n .pswp__ui--fit .pswp__caption {\n background-color: transparent;\n }\n\n .pswp__top-bar {\n height: 0;\n }\n\n .pswp__caption small {\n font-size: 12px;\n color: " + _colors2.default.accentGray + ";\n }\n\n .pswp__caption__center {\n text-align: center;\n max-width: 420px;\n font-size: 12px;\n padding: 20px;\n line-height: " + 20 / 12 + ";\n color: " + (0, _color.rgba)(_colors2.default.textPrimary, 0.8) + ";\n letter-spacing: -.2px;\n }\n\n @media (min-width: 45em) {\n .pswp__caption__center {\n font-size: 14px;\n line-height: " + 22 / 14 + ";\n }\n }\n\n .pswp__caption__center a {\n color: " + (0, _color.rgba)(_colors2.default.textPrimary, 0.8) + ";\n text-decoration: underline;\n }\n";