@stokr/components-library/dist/components/ProfileStat/ProfileStat.styles.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.Value = exports.Label = exports.Equal = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _rwd = _interopRequireDefault(require("../../styles/rwd"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
  displayName: "ProfileStatstyles__Wrapper",
  componentId: "sc-su73pz-0"
})(["display:flex;flex-direction:column;justify-content:center;text-align:center;flex-grow:1;background-color:", ";color:", ";padding:32px;", " ", " ", " @media screen and (max-width:768px){max-width:100vw;}"], props => _theme.default.cPrimary, props => _theme.default.cWhite, props => props.withBorder && "\n    box-shadow: inset 0 0.4px 0 0 #313131;\n  ", _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px 32px;\n    text-align: left;\n  "]))), _rwd.default.Large(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 12px 64px;\n    text-align: left;\n  "]))));
const Label = exports.Label = _styledComponents.default.div.withConfig({
  displayName: "ProfileStatstyles__Label",
  componentId: "sc-su73pz-1"
})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:10px;", ""], props => props.withBorder && "\n    color: #88fa51;\n  ");
const Value = exports.Value = _styledComponents.default.div.withConfig({
  displayName: "ProfileStatstyles__Value",
  componentId: "sc-su73pz-2"
})(["font-weight:300;font-size:32px;line-height:36px;letter-spacing:2.43px;text-transform:uppercase;& > span{&:after{content:' ';}}", " ", ""], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 44px;\n    line-height: 48px;\n  "]))), _rwd.default.Large(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 55px;\n    line-height: 58px;\n  "]))));
const Equal = exports.Equal = _styledComponents.default.div.withConfig({
  displayName: "ProfileStatstyles__Equal",
  componentId: "sc-su73pz-3"
})(["font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;margin-top:10px;color:", ";overflow-wrap:break-word;& > span{&:after{content:' ';}}"], props => _theme.default.cLighterGreen);