@atlassian/aui/lib/css/imports/aui-theme/components/buttons.css.map

Atlassian User Interface Framework

{"version":3,"names":[],"mappings":"","sources":["imports/aui-theme/components/buttons.less"],"sourcesContent":["@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":"buttons.css"}