UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

1 lines 2.27 kB
{"version":3,"sources":["aui-badge.less"],"names":[],"mappings":";AAGA;AACA;EACI,iCAAA;EACA,kBAAA;EACA,4BAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,SAAA;EACA,eAAA;EACA,cAAA;;EACA,gBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,qBAAA;EACA,qBAAA;EACA,qBAAA;EACA,iBAAA;EACA,yBAAA;;AAIA,SAAC;AAAD,UAAC;EACG,yBAAA;EACA,cAAA;EACA,gBAAA;;AAMJ,WAAY,EAAE;AAAd,WAAY,EAAE;AACd,mBAAoB;AAApB,mBAAoB;AACpB,cAAc,kBAAmB,QAAQ;AAAzC,cAAc,kBAAmB,QAAQ;EACrC,qCAAA;EACA,cAAA;;AAGJ,WAAW,UAAW;AAAtB,WAAW,UAAW;EAClB,iCAAA;EACA,cAAA;;AAGJ,mBAAmB,UAAW;AAA9B,mBAAmB,UAAW;EAC1B,qCAAA;;AAGJ,WAAY;AAAZ,WAAY;AACZ,SAAU,WAAW;AAArB,SAAU,WAAW;EACjB,SAAA","sourcesContent":["@import './imports/global';\n\n/*! AUI Badge */\naui-badge,\n.aui-badge {\n background: @aui-badge-bg-color; // RGBA\n border-radius: 2em; // needs to be at least 1em + border-top + border-bottom + padding-top + padding-bottom to get perfectly rounded\n color: @aui-badge-text-color;\n font-size: 12px;\n font-weight: @aui-font-weight-normal;\n line-height: 1;\n margin: 0;\n min-height: 1em;\n min-width: 1em; /* want a capsule style even when single digit */\n padding: 2px 6px;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n justify-items: center;\n align-content: center;\n text-decoration: none;\n text-shadow: none;\n text-transform: uppercase;\n\n // Semantic variations\n\n &.aui-badge-primary {\n background-color: @ak-color-B75;\n color: @ak-color-B400;\n font-weight: @aui-font-weight-semibold;\n }\n\n // Integrations:\n // Light versions for contexts we know about\n\n .aui-header a > &,\n .aui-button-primary > &,\n .aui-dropdown2.aui-style-default .active > & {\n background: @aui-badge-on-blue-bg-color;\n color: @aui-badge-on-blue-text-color;\n }\n\n .aui-button[disabled] > & {\n background: @aui-badge-bg-color; // RGBA\n color: inherit;\n }\n\n .aui-button-primary[disabled] > & {\n background: @aui-badge-on-blue-bg-color; // RGBA\n }\n\n .aui-button > &,\n .aui-tabs .menu-item & {\n top: -1px; /* slight tweak to position them in specific contexts */\n }\n}\n"],"file":"aui-badge.css"}