@ddsys/material/lib/styles/badge.js

<p> <a href="https://bhp-dev.gitlab.io/dds-digital-design-system/">Read the docs</a> · <a href="mailto:UserExperience@bhpbilliton.com">Request feature</a> </p>

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = function (theme) {
  var colors = theme.colors,
      variables = theme.variables;
  var common = variables.common,
      fonts = variables.fonts;


  return {
    style: {
      display: "inline-block",
      padding: common.spacing * 0.25 + "em " + common.spacing * 0.4 + "em",
      fontSize: fonts.size.normal * 0.75 + "rem",
      fontWeight: fonts.weight.bold,
      lineHeight: fonts.size.normal,
      textAlign: "center",
      whiteSpace: "nowrap",
      verticalAlign: "baseline",
      borderRadius: fonts.size.normal * 0.25 + "rem",
      height: "auto",
      width: "auto",
      position: "initial",
      color: colors.white
    },
    floating: {
      position: "absolute"
    }
  };
};