@atlassian/aui/lib/css/aui-buttons.css.map

Atlassian User Interface Framework

{"version":3,"sources":["aui-buttons.less","imports/mixins.less","imports/aui-theme/components/buttons.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n// AUI BUTTONS\n// Note hover/disabled styles set directly as they are not precisely the same as\n// if we used straight opacity.\n//\n\n// Basic Button Style\n.aui-button,\na.aui-button,\n.aui-button:visited {\n    #aui.box-sizing();\n    #aui-buttons.aui-button-base();\n    #aui-buttons.aui-button-style(normal);\n\n    display: inline-block;\n    height: @aui-button-height; // 30px - using ems so the fields increase in line with user specified font-sizes\n    line-height: @aui-button-line-height;\n    margin: 0;\n    padding: @aui-button-padding-y @aui-button-padding-x;\n    vertical-align: baseline;\n    white-space: nowrap;\n\n    &.aui-button-light {\n        background-color: @aui-button-light-bg-color;\n    }\n}\n\n.aui-button ~ .aui-button {\n    margin-left: @aui-grid;\n}\n\n// Ensure underlines not added by link styles\na.aui-button:hover,\na.aui-button:active,\na.aui-button:focus {\n    text-decoration: none;\n}\n\n.aui-button:focus,\n.aui-button:hover,\n.aui-button-subtle.aui-button:focus,\n.aui-button-subtle.aui-button:hover {\n    #aui-buttons.aui-button-style(hover);\n}\n\n.aui-button:active,\n.aui-button.aui-button-subtle:active,\n.aui-button.aui-button-subtle.active {\n    #aui-buttons.aui-button-style(active);\n}\n\n.aui-button.active,\n.aui-button-subtle.aui-button.active {\n    #aui-buttons.aui-button-style(selected);\n}\n\n// Split Buttons\n.aui-button.aui-button-split-main {\n    + .aui-button-split-more {\n        margin-left: @aui-grouped-button-spacing;\n    }\n}\n\n// Primary Buttons\n.aui-button.aui-button-primary,\n.aui-button.aui-button-primary:visited {\n    #aui-buttons.aui-primary-button-style(normal);\n}\n\n.aui-button.aui-button-primary:hover,\n.aui-button.aui-button-primary:focus {\n    #aui-buttons.aui-primary-button-style(hover);\n}\n\n.aui-button.aui-button-primary.active {\n    #aui-buttons.aui-button-style(selected);\n}\n\n.aui-button.aui-button-primary:active {\n    #aui-buttons.aui-primary-button-style(active);\n}\n\n// Link style buttons - used for destructive/cancel actions ONLY\n.aui-button.aui-button-link,\n.aui-button.aui-button-link:visited,\n.aui-button.aui-button-text,\n.aui-button.aui-button-text:visited {\n    #aui-buttons.aui-link-button-style(normal);\n    padding: @aui-button-padding-y 0;\n}\n\n.aui-button.aui-button-link:focus,\n.aui-button.aui-button-link:hover,\n.aui-button.aui-button-link:active,\n.aui-buttons .aui-button.aui-button-link:focus,\n.aui-buttons .aui-button.aui-button-link:hover,\n.aui-buttons .aui-button.aui-button-link:active,\n.aui-buttons .aui-button.aui-button-link[aria-pressed=\"true\"],\n.aui-button.aui-button-text:focus,\n.aui-button.aui-button-text:hover,\n.aui-button.aui-button-text:active,\n.aui-buttons .aui-button.aui-button-text:focus,\n.aui-buttons .aui-button.aui-button-text:hover,\n.aui-buttons .aui-button.aui-button-text:active,\n.aui-buttons .aui-button.aui-button-text[aria-pressed=\"true\"] {\n    background-color: transparent;\n    border-color: transparent;\n}\n\n.aui-button.aui-button-link:hover,\n.aui-button.aui-button-text:hover {\n    #aui-buttons.aui-link-button-style(hover);\n}\n\n.aui-button.aui-button-link:active,\n.aui-button.aui-button-text:active {\n    #aui-buttons.aui-link-button-style(active);\n}\n\n.aui-button.aui-button-text,\n.aui-button.aui-button-text:visited {\n    border: none;\n    font-size: inherit;\n    height: inherit;\n    line-height: normal;\n    padding: 0;\n}\n\n// Subtle/hybrid/entity action/mugger buttons\n.aui-button.aui-button-subtle {\n    background-color: transparent;\n    border-color: transparent;\n    color: @aui-button-subtle-text-color;\n}\n\n.aui-buttons .aui-button.aui-button-subtle {\n    border-radius: @aui-button-border-radius;\n}\n\n// when a button label is present next to an aui-icon (eg sidebar config)\n.aui-button {\n    > .aui-icon {\n        + .aui-button-label {\n            margin-left: (@aui-grid / 2)-1;\n        }\n    }\n}\n\n// Compact Buttons\n.aui-button.aui-button-compact {\n    font-size: @aui-font-size-small;\n    height: 2.16666666666667em; // 26px with 12px font-size\n    padding: (@aui-button-padding-y / 2) (@aui-button-padding-x * .8);\n    line-height: 1.66666666666667;\n}\n\n// End Compact Buttons\n\n// aui-buttons groups buttons together into one button lozenge.\n.aui-buttons {\n    display: inline-block;\n    font-size: 0;\n}\n\n.aui-buttons::after {\n    clear: both;\n    content: \"\";\n    display: table;\n}\n\n.aui-buttons .aui-button {\n    border-radius: 0;\n    margin: 0;\n}\n\n.aui-buttons .aui-button:first-child {\n    border-top-left-radius: @aui-button-border-radius;\n    border-bottom-left-radius: @aui-button-border-radius;\n}\n\n.aui-buttons .aui-button:last-child {\n    border-top-right-radius: @aui-button-border-radius;\n    border-bottom-right-radius: @aui-button-border-radius;\n}\n\n.aui-buttons + .aui-buttons {\n    margin-left: @aui-grid;\n}\n\n// Grouped buttons go into toolbar style\n.aui-buttons .aui-button {\n    &:not(.aui-button-primary):not(.aui-button-link) {\n        &:focus,\n        &:hover,\n        &:active {\n            border-color: @aui-button-border-color;\n        }\n    }\n}\n\n.aui-buttons .aui-button[disabled],\n.aui-buttons .aui-button[disabled]:hover,\n.aui-buttons .aui-button[disabled]:focus,\n.aui-buttons .aui-button[disabled]:active,\n.aui-buttons .aui-button[aria-disabled=\"true\"],\n.aui-buttons .aui-button[aria-disabled=\"true\"]:hover,\n.aui-buttons .aui-button[aria-disabled=\"true\"]:focus,\n.aui-buttons .aui-button[aria-disabled=\"true\"]:active {\n    border-color: @aui-button-border-color;\n}\n\n// Grouped Primary Buttons\n.aui-buttons .aui-button ~ .aui-button {\n    border-left-width: 0;\n    margin-left: @aui-grouped-button-spacing;\n}\n\n.aui-buttons .aui-button {\n    &:hover,\n    &:focus,\n    &:active {\n        position: relative;\n    }\n\n    &:focus {\n        z-index: 1;\n    }\n}\n\n// Selected buttons - NOT supported for free-standing primary buttons\n// ARIA usage from http://www.paciellogroup.com/blog/misc/ARIA/togglebutton.html\n.aui-button[aria-pressed=\"true\"],\n.aui-buttons .aui-button[aria-pressed=\"true\"],\n.aui-buttons .aui-button[aria-pressed=\"true\"].aui-button-primary,\n.aui-buttons .aui-button[aria-pressed=\"true\"].aui-button-subtle {\n    color: @aui-button-default-selected-text-color;\n    background-color: @aui-button-default-selected-bg-color;\n}\n\n.aui-buttons .aui-button[aria-pressed=\"true\"]:active {\n    color: @aui-button-default-text-color;\n    background-color: @aui-button-default-active-bg-color;\n}\n\n// Disabled states (keep last to avoid excessive selector weight)\n// ----------------------------------------------------------------------\n.aui-button[disabled],\n.aui-button[disabled]:hover,\n.aui-button[disabled]:focus,\n.aui-button[disabled]:active,\n.aui-button[aria-disabled=\"true\"],\n.aui-button[aria-disabled=\"true\"]:hover,\n.aui-button[aria-disabled=\"true\"]:focus,\n.aui-button[aria-disabled=\"true\"]:active,\n.aui-button[aria-disabled=\"true\"][aria-pressed] {\n    #aui-buttons.aui-button-style(disabled);\n}\n\n// Subtle buttons have their own disabled state\n.aui-button.aui-button-subtle[disabled],\n.aui-button.aui-button-subtle[aria-disabled=\"true\"] {\n    border: 0;\n    background: none;\n}\n\n.aui-button.aui-button-primary[disabled],\n.aui-button.aui-button-primary[disabled]:hover,\n.aui-button.aui-button-primary[disabled]:focus,\n.aui-button.aui-button-primary[disabled]:active,\n.aui-button.aui-button-primary[aria-disabled=\"true\"],\n.aui-button.aui-button-primary[aria-disabled=\"true\"]:hover,\n.aui-button.aui-button-primary[aria-disabled=\"true\"]:focus,\n.aui-button.aui-button-primary[aria-disabled=\"true\"]:active {\n    #aui-buttons.aui-primary-button-style(disabled);\n}\n\n.aui-button.aui-button-link[disabled],\n.aui-button.aui-button-link[disabled]:hover,\n.aui-button.aui-button-link[disabled]:focus,\n.aui-button.aui-button-link[disabled]:active,\n.aui-button.aui-button-link[aria-disabled=\"true\"],\n.aui-button.aui-button-link[aria-disabled=\"true\"]:hover,\n.aui-button.aui-button-link[aria-disabled=\"true\"]:focus,\n.aui-button.aui-button-link[aria-disabled=\"true\"]:active,\n.aui-button.aui-button-text[disabled],\n.aui-button.aui-button-text[disabled]:hover,\n.aui-button.aui-button-text[disabled]:focus,\n.aui-button.aui-button-text[disabled]:active,\n.aui-button.aui-button-text[aria-disabled=\"true\"],\n.aui-button.aui-button-text[aria-disabled=\"true\"]:hover,\n.aui-button.aui-button-text[aria-disabled=\"true\"]:focus,\n.aui-button.aui-button-text[aria-disabled=\"true\"]:active {\n    #aui-buttons.aui-link-button-style(disabled);\n}\n\n// Cross-component integration\n// ----------------------------------------------------------------------\n// Icons Integration\n// ---------------------\n\n.aui-button.aui-button-compact .aui-icon {\n    margin-top: -1px; // icon is 1px off, adjust it so it is centered\n}\n\n// Icon Colours\n// ----------\n.aui-button {\n    .aui-icon {\n        color: @aui-button-default-icon-color;\n    }\n\n    &:hover .aui-icon {\n        color: @aui-button-default-icon-color;\n    }\n\n    &:active .aui-icon {\n        color: @aui-button-default-active-icon-color;\n    }\n\n    &.active .aui-icon {\n        color: @aui-button-default-selected-icon-color;\n    }\n\n    // Primary\n    &.aui-button-primary {\n        .aui-icon {\n            color: @aui-button-primary-active-icon-color;\n        }\n    }\n\n    // Link button\n    &.aui-button-link {\n        .aui-icon {\n            color: @aui-link-color;\n        }\n\n        &:hover .aui-icon {\n            color: @aui-link-color-hover;\n        }\n\n        &.active .aui-icon,\n        &:active .aui-icon {\n            color: @aui-link-color-active;\n        }\n    }\n}\n\n.aui-button[aria-disabled=\"true\"],\n.aui-button[disabled] {\n    &,\n    &:hover,\n    &:active {\n        .aui-icon {\n            color: @aui-button-default-disabled-icon-color;\n        }\n    }\n}\n\n.aui-button,\n.aui-button.aui-button-primary {\n    &[busy] {\n        color: rgba(0, 0, 0, 0) !important;\n    }\n}\n","@import 'aui-theme/components/messages';\n@import 'aui-theme/core/colors';\n\n@import './mixins/dropdown2-trigger-chevron-icon';\n@import './mixins/icon-pseudoelement';\n@import './mixins/media-queries';\n@import './mixins/shadows';\n@import './mixins/tab-indicator';\n@import './mixins/typography';\n\n#aui {\n    .animation(@animation) {\n        -webkit-animation: @animation;\n        animation: @animation;\n    }\n\n    .border-radius(@radius) {\n        border-radius: @radius;\n    }\n\n    .box-sizing(@sizing: border-box) {\n        box-sizing: @sizing;\n    }\n\n    .prevent-text-selection() {\n        -ms-user-select: none; // IE10+\n        -moz-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n    }\n\n    .gradient {\n        .vertical(@start-color: #fff, @end-color: #f2f2f2, @start-percent: 0%, @end-percent: 100%) {\n            background: @end-color;\n            background: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent);\n        }\n    }\n\n    .rotate(@angle) {\n        -webkit-transform: rotate(@angle);\n        -ms-transform: rotate(@angle);\n        transform: rotate(@angle);\n    }\n\n    .text-truncate() {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    }\n\n    .transition(@transition) {\n        // Using + is deliberate; it will comma-append the value to whatever value already exists.\n        // See http://lesscss.org/features/#merge-feature-comma\n        transition+: @transition;\n    }\n\n    .transition {\n        .fadeIn(@length: 0.2s, @delay: 0s, @max-opacity: 1) {\n            opacity: @max-opacity;\n            transition: opacity @length;\n            transition-delay: @delay;\n            visibility: visible;\n        }\n\n        .fadeOut(@length: 0.2s, @delay: 0s) {\n            opacity: 0;\n            transition: opacity @length, visibility @length;\n            transition-delay: @delay;\n            visibility: hidden;\n        }\n    }\n\n    .transform-rotate(@angle) {\n        -ms-transform: rotate(@angle);\n        -webkit-transform: rotate(@angle);\n        transform: rotate(@angle);\n    }\n\n    .height-calc(@calc) {\n        height: ~\"calc(@{calc})\";\n    }\n\n    .placeholder(@color) {\n        // each rule for each browser must be in a different selector, as browsers will\n        // ignore the whole line if it doesn't recognise something.\n        // see https://css-tricks.com/almanac/selectors/p/placeholder/ for more details.\n\n        // Affect Safari and Chrome.\n        &::-webkit-input-placeholder {\n            color: @color;\n            opacity: 1;\n        }\n        // Affect Firefox 18+. The opacity is necessary to override browser defaults.\n        &::-moz-placeholder {\n            color: @color;\n            opacity: 1;\n        }\n        // IE 10 implements placeholder text via a pseudo-class, not a pseudo-element;\n        // that's why there's a single colon here instead of two.\n        &:-ms-input-placeholder {\n            color: @color;\n        }\n        // This is the likely official CSS spec way of achieving placeholder text.\n        &::placeholder {\n            color: @color;\n        }\n        // Target AUI's JS equivalent of the CSS proposal for the `:placeholder-shown` pseudo-class.\n        &.aui-placeholder-shown, &.placeholder-shown {\n            color: @color;\n        }\n    }\n\n    //\n    // Responsive mixins\n    //\n    .responsive-small(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 767px) {\n                @rules();\n            }\n        }\n    }\n    .responsive-medium(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 800px) {\n                @rules();\n            }\n        }\n    }\n\n    .responsive-large(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 1023px) {\n                @rules();\n            }\n        }\n    }\n\n    // messages / flags\n\n    .icon-bar() {\n        //The actual icon\n        &::after {\n            #aui.icon-pseudoelement(@aui-icon-font-family);\n            color: @aui-color-white;\n            font-size: @aui-message-icon-size;\n            left: @aui-message-padding-left;\n            line-height: @aui-message-line-height;\n            position: absolute;\n            top: @aui-message-vertical-padding;\n        }\n\n        // For the backward compatible changes\n        &::before {\n            display: none;\n        }\n    }\n\n    .icon-glyph(@content, @color) {\n        //The actual icon\n        &::after {\n            content: @content;\n            color: @color;\n        }\n    }\n}\n","@import '../theme';\n@import '../../mixins';\n\n@aui-button-border-color: transparent;\n\n@aui-button-border-radius: @aui-border-radius-smallish;\n@aui-button-border-style: solid;\n@aui-button-border-width: 1px;\n@aui-button-font-size: @aui-font-size-medium;\n@aui-button-height: unit(30 / @aui-button-font-size, em);\n@aui-button-padding-x: 10px;\n@aui-button-padding-y: 4px;\n@aui-button-line-height: unit(30 / (@aui-button-font-size + @aui-button-padding-y + @aui-button-padding-y), em);\n\n// Default button\n@aui-button-default-bg-color: @ak-color-N30A;\n@aui-button-default-hover-bg-color: @ak-color-N40A;\n@aui-button-default-border-color: @aui-button-border-color;\n@aui-button-default-text-color: @ak-color-N600;\n@aui-button-default-icon-color: @aui-button-default-text-color;\n\n@aui-button-default-active-bg-color: @ak-color-B50;\n@aui-button-default-active-border-color: @aui-button-default-border-color;\n@aui-button-default-active-text-color: @ak-color-B400;\n@aui-button-default-active-icon-color: @aui-button-default-active-text-color;\n\n@aui-button-default-selected-bg-color: @ak-color-N600;\n@aui-button-default-selected-border-color: @aui-button-default-border-color;\n@aui-button-default-selected-text-color: @ak-color-N0;\n@aui-button-default-selected-icon-color: @aui-button-default-selected-text-color;\n\n@aui-button-default-disabled-bg-color: @ak-color-N20;\n@aui-button-default-disabled-border-color: @aui-button-border-color;\n@aui-button-default-disabled-text-color: @ak-color-N70;\n@aui-button-default-disabled-icon-color: @aui-button-default-disabled-text-color;\n\n@aui-button-light-bg-color: @ak-color-N0;\n\n// Primary button\n@aui-button-primary-bg-color: @ak-color-B400;\n@aui-button-primary-border-color: @aui-button-border-color;\n@aui-button-primary-text-color: @ak-color-N0;\n@aui-button-primary-icon-color: @ak-color-N0;\n\n@aui-button-primary-hover-bg-color: @ak-color-B300;\n@aui-button-primary-active-bg-color: @aui-button-primary-bg-color;\n@aui-button-primary-active-border-color: @aui-button-border-color;\n@aui-button-primary-active-text-color: @aui-button-primary-text-color;\n@aui-button-primary-active-icon-color: @aui-button-primary-active-text-color;\n\n@aui-button-primary-disabled-bg-color: @aui-button-default-disabled-bg-color;\n@aui-button-primary-disabled-border-color: @aui-button-border-color;\n@aui-button-primary-disabled-text-color: @aui-button-default-disabled-text-color;\n@aui-button-primary-disabled-icon-color: @aui-button-default-disabled-icon-color;\n\n@aui-button-subtle-text-color: @aui-button-default-text-color;\n@aui-button-subtle-dropdown2-trigger-arrow-color: @aui-button-border-color;\n\n@aui-button-subtle-border-color: @aui-button-border-color;\n\n@aui-grouped-button-spacing: 2px;\n\n#aui-buttons {\n    .aui-button-base() {\n        #aui.transition(background-color 0.1s ease-out);\n        border-radius: @aui-button-border-radius;\n        border-style: @aui-button-border-style;\n        border-width: @aui-button-border-width;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: @aui-button-font-size;\n        font-variant: normal;\n        font-weight: @aui-font-weight-normal;\n    }\n\n    .aui-button-style(normal) {\n        background-image: none;\n        background-color: @aui-button-default-bg-color;\n        border-color: @aui-button-default-border-color;\n        color: @aui-button-default-text-color;\n        text-decoration: none;\n    }\n\n    .aui-button-style(hover) {\n        background-color: @aui-button-default-hover-bg-color;\n        border-color: @aui-button-default-border-color;\n        color: @aui-button-default-text-color;\n        text-decoration: none;\n    }\n\n    .aui-button-style(active) {\n        background-image: none;\n        background-color: @aui-button-default-active-bg-color;\n        border-color: @aui-button-default-active-border-color;\n        color: @aui-button-default-active-text-color;\n        text-decoration: none;\n    }\n\n    .aui-button-style(selected) {\n        background-image: none;\n        background-color: @aui-button-default-selected-bg-color;\n        border-color: @aui-button-default-selected-border-color;\n        color: @aui-button-default-selected-text-color;\n        text-decoration: none;\n    }\n\n    .aui-button-style(disabled) {\n        background-color: @aui-button-default-disabled-bg-color;\n        border-color: @aui-button-default-disabled-border-color;\n        color: @aui-button-default-disabled-text-color;\n        cursor: default;\n    }\n\n    .aui-primary-button-style(normal) {\n        background-image: none;\n        background-color: @aui-button-primary-bg-color;\n        border-color: @aui-button-primary-border-color;\n        color: @aui-button-primary-text-color;\n        text-decoration: none;\n        font-weight: @aui-font-weight-semibold;\n    }\n\n    .aui-primary-button-style(hover) {\n        background-color: @aui-button-primary-hover-bg-color;\n        border-color: @aui-button-primary-active-border-color;\n        color: @aui-button-primary-active-text-color;\n        text-decoration: none;\n    }\n\n    .aui-primary-button-style(active) {\n        background-image: none;\n        background-color: @aui-button-primary-active-bg-color;\n        border-color: @aui-button-primary-active-border-color;\n        color: @aui-button-primary-active-text-color;\n        text-decoration: none;\n    }\n\n    .aui-primary-button-style(disabled) {\n        #aui-buttons.aui-button-style(disabled);\n    }\n\n    .aui-subtle-button-style(normal) {\n        background: transparent none;\n        border-color: transparent;\n        color: @aui-button-default-text-color;\n        text-decoration: none;\n    }\n\n    .aui-link-button-style(normal) {\n        background-color: transparent;\n        border-color: transparent;\n        color: @aui-link-color;\n        cursor: pointer;\n        text-decoration: none;\n    }\n\n    .aui-link-button-style(hover) {\n        color: @aui-link-color-hover;\n        text-decoration: underline;\n    }\n\n    .aui-link-button-style(active) {\n        color: @aui-link-color-active;\n        text-decoration: none;\n    }\n\n    .aui-link-button-style(disabled) {\n        background-color: transparent;\n        border-color: transparent;\n        color: @aui-button-default-disabled-text-color;\n        text-decoration: none;\n    }\n}\n"],"file":"aui-buttons.css"}