{"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"}