@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 7.02 kB
Source Map (JSON)
{"version":3,"sources":["aui-experimental-progress-tracker.less","imports/mixins/typography.less"],"names":[],"mappings":";AAGA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,UAAA;EACA,mBAAA;EACA,qBAAA;;;AAEJ,qBAAqB;EACjB,aAAA;;AAEJ;EACI,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;;;AAKA,0BAA2B;AAA3B,0BAA2B;EC2BnB,eAAA;EACA,gBAAA;EACA,uBAAA;EACA,wBAAA;EACA,oBAAA;ED7BJ,gBAAA;EACA,cAAA;EACA,cAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,0BATuB,OAStB;AAAD,0BATuB,IAStB;EACG,mBAAA;EACA,mBAAA;EACA,SAAS,EAAT;EACA,WAAA;EACA,SAAA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;;AAGR,0BAA2B,6BAA6B,OAAG;AAA3D,0BAA2B,6BAA6B,IAAG;EACvD,mBAAA;EACA,uDAAA;EACA,SAAS,EAAT;EACA,WAAA;EACA,UAAA;EACA,kBAAA;;EACA,iBAAA;;EACA,kBAAA;EACA,UAAA;EACA,QAAA;;AAEJ,kCAAkC;AAAlC,kCAAkC;EAC9B,gBAAA;;AAEJ,kCAAmC,6BAA4B;AAA/D,kCAAmC,6BAA4B;EAC3D,cAAA;EACA,gBAAA;;AAEA,kCAJ+B,6BAA4B,OAI1D;AAAD,kCAJ+B,6BAA4B,IAI1D;EACG,cAAA;;AAGJ,kCAR+B,6BAA4B,OAQ1D;AAAD,kCAR+B,6BAA4B,IAQ1D;EACG,yBAAA;;AAGJ,kCAZ+B,6BAA4B,OAY1D;AAAD,kCAZ+B,6BAA4B,IAY1D;EACG,6BAAA;EACA,YAAA;EACA,gBAAA;;AAKR,0BADuB,IACtB;EACG,cAAA;;AAGJ,0BALuB,IAKtB;EACG,cAAA;;;AAKR,wBAAyB;EACrB,YAAA","sourcesContent":["@import './imports/global';\n\n/* Layout */\n.aui-progress-tracker {\n display: table;\n font-size: 12px;\n margin: 10px 0 0;\n padding: 0;\n table-layout: fixed;\n word-wrap: break-word; /* doesn't work in IE */\n}\n.aui-progress-tracker:first-child {\n margin-top: 0;\n}\n.aui-progress-tracker-step {\n box-sizing: border-box;\n display: table-cell;\n padding: 0 10px;\n max-width: 140px;\n min-width: 80px;\n text-align: center;\n}\n\n/* Progress Bar */\nspan, a {\n .aui-progress-tracker-step > & {\n #aui.typography.h400();\n font-weight: @aui-font-weight-normal;\n color: @aui-progress-tracker-visited-step-text-color;\n display: block;\n outline: none;\n padding-top: 25px;\n position: relative;\n\n &:before {\n background: @aui-progress-tracker-current-step-color;\n border-radius: 100%;\n content: \"\";\n height: 8px;\n left: 50%;\n margin-left: -5px;\n position: absolute;\n top: 4px;\n width: 8px;\n }\n }\n .aui-progress-tracker-step + .aui-progress-tracker-step > &:after {\n background: @aui-progress-tracker-current-step-color;\n box-shadow: -5px 0 0 -2px @aui-progress-tracker-current-step-color, 5px 0 0 -2px @aui-progress-tracker-current-step-color;\n content: \"\";\n height: 8px;\n left: -50%;\n margin-left: -20px; /* touches right edge of previous dot */\n margin-right: 1px; /* touches left edge of this dot */\n position: absolute;\n right: 50%;\n top: 4px;\n }\n .aui-progress-tracker-step-current>& {\n font-weight: @aui-font-weight-semibold;\n }\n .aui-progress-tracker-step-current ~ .aui-progress-tracker-step>& {\n color: @aui-progress-tracker-step-text-color;\n font-weight: @aui-font-weight-normal;\n\n &:hover {\n color: @aui-progress-tracker-step-text-color;\n }\n\n &:before {\n background-color: @aui-progress-tracker-step-color;\n }\n\n &:after {\n background-color: transparent;\n border: none;\n box-shadow: none;\n }\n }\n}\n.aui-progress-tracker-step > a {\n &:hover {\n color: @aui-progress-tracker-visited-step-hover-text-color;\n }\n\n &:active {\n color: @aui-progress-tracker-visited-step-active-text-color;\n }\n}\n\n/* Interaction wih page layout */\n.aui-page-header-actions .aui-progress-tracker {\n float: right;\n}\n","@import '../aui-theme/core/colors';\n@import '../aui-theme/core/text';\n\n// Why are we defining our own mixins when some already exist in Atlaskit? A few reasons:\n//\n// 1) Atlaskit's use the pure ADG3 proportions, which have different line heights and letter-spacing than we are taking on right now.\n// 2) Atlaskit's include margin info, which we don't want.\n//\n// Even if they were exactly the same, we'd probably create our mixins by extending theirs in this file.\n// The adapter pattern is generally useful in shielding us from external change by reducing its scope of impact to a single place.\n\n#aui {\n .typography {\n // First-level heading (h1) equivalent\n .h800() {\n @size: @aui-font-size-xxxlarge;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(40 / @size);\n letter-spacing: -0.01em;\n text-transform: none;\n }\n // Second-level heading (h2) equivalent\n .h700() {\n @size: @aui-font-size-xxlarge;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(30 / @size);\n letter-spacing: -0.01em;\n text-transform: none;\n }\n // Third-level heading (h3) equivalent\n .h600() {\n @size: @aui-font-size-xlarge;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(30 / @size);\n letter-spacing: -0.008em;\n text-transform: none;\n }\n // Fourth-level heading (h4) equivalent\n .h500() {\n @size: @aui-font-size-large;\n font-size: @size;\n font-weight: @aui-font-weight-medium;\n line-height: unit(20 / @size);\n letter-spacing: -0.006em;\n text-transform: none;\n }\n // Fifth-level heading (h5) equivalent\n .h400() {\n @size: @aui-font-size-medium;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: -0.003em;\n text-transform: none;\n }\n // Sixth-level heading (h6) equivalent\n .h300() {\n @size: @aui-font-size-small;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: 0;\n text-transform: none;\n }\n .h200(@color: @ak-color-N200) {\n @size: @aui-font-size-small;\n color: @color;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(20 / @size);\n letter-spacing: 0;\n text-transform: none;\n }\n .h100(@color: @ak-color-N200) {\n @size: @aui-font-size-xsmall;\n color: @color;\n font-size: @size;\n font-weight: @aui-font-weight-semibold;\n line-height: unit(16 / @size);\n letter-spacing: 0;\n text-transform: uppercase;\n }\n }\n}\n"],"file":"aui-experimental-progress-tracker.css"}