@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 23 kB
Source Map (JSON)
{"version":3,"sources":["dialog2.less","imports/mixins/shadows.less","imports/mixins.less","imports/aui-theme/components/dialog.less","imports/mixins/typography.less","imports/aui-theme/core/icons.less","imports/mixins/media-queries.less"],"names":[],"mappings":"AAoCA;ECjBY,gFAAA;EDmBR,yBAAA;EACA,sBAAA;EACA,kBAAA;EACA,OAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,QAAA;;AAEA,YAAC;EACG,iBAAA;EACA,eAAA;EACA,UAAA;;AAIA,YAPH,UAOI,oBACG;AADJ,YAPH,UAOI,oBAEG;AAFJ,YAPH,UAOI,oBAGG;EEQA,UAAA;EACA,yCAAA;EACA,oBAAA;EACA,kBAAA;;AFNJ,YAfH,UAeI,qBACG;AADJ,YAfH,UAeI,qBAEG;AAFJ,YAfH,UAeI,qBAGG;EEPA,UAAA;EACA,wBAAA;EACA,oBAAA;EACA,mBAAA;;AFUR,YAAC;EACG,YAAA;EACA,iBAAA;;AAGJ,YAAC;EACG,YAAA;EACA,iBAAA;;AAGJ,YAAC;EACG,YAAA;EACA,iBAAA;;AAGJ,YAAC;EACG,iBAAA;EACA,YAAA;;AAGJ,YAAC,MAAO,aAAC;EACL,gBAAA;;AAGJ,YAAC,OAAQ,aAAC;EACN,iBAAA;;AAGJ,YAAC,OAAQ,aAAC;AACV,YAAC,MAAO,aAAC;EACL,iBAAA;;AAQJ,YAAC;EACG,gBAAA;;AAGJ,YAAC;EACG,yBAAA;EACA,sBAAA;EACA,cAAA;EACA,aAAA;EACA,YAAY,mBAAZ;;AAEA,YAPH,QAOI;EACG,0BAAA;;AAIR,YAAC;EG9GG,gCAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;EH6GA,0BAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;;AAPJ,YAAC,OASG;EACI,mBAAA;EACA,sBAAA;;AAXR,YAAC,OAcG;AAdJ,YAAC,OAcO;EIzGA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,wBAAA;EACA,oBAAA;;AJ0GR,YAAC,uBAAwB,aAAC;EACtB,aAAA;;AAGJ,YAAC;EG9HG,6BAAA;EACA,sBAAA;EACA,YAAA;EACA,aAAA;EH6HA,0BAAA;EACA,kBAAA;EACA,WAAA;;AAEA,YANH,OAMI;EACG,WAAA;EACA,UAAA;;AAIR,YAAC;EACG,cAAA;EACA,iBAAA;;AAGJ,YAAC;AACD,YAAC;EACG,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;;AAGJ,YAAC;EACG,cAAA;EACA,gBAAA;;AAGJ,YAAC;AACD,YAAC;AACD,YAAC;EACG,iBAAA;;AAGJ,YAAC;EACG,YAAA;;AAGJ,YAAC;EACG,eAAA;EACA,cAAA;EACA,YAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,WAAA;;AAEA,YATH,aASI;EACG,cAAA;;AAIR,YAAC,QAAS,aAAC;EACP,yBAAA;EACA,4BAAA;EACA,cAAA;;AAHJ,YAAC,QAAS,aAAC,OAKP;AALJ,YAAC,QAAS,aAAC,OAMP,4BAA4B;AANhC,YAAC,QAAS,aAAC,OAOP,8BAA8B;AAPlC,YAAC,QAAS,aAAC,OAQP;EACI,cAAA;;AA/KZ,YAmLI,2BAA0B;EACtB,SK5MU,OL4MV;;AMjNJ,gBAAwC;ENuNxC;EACA;IACI,iBAAA;;EAEA,kBAAC;EAAD,mBAAC;IACG,aAAA;;EALR,kBAOI;EANJ,mBAMI;IACI,QAAQ,mBAAR;IACA,gBAAA;IACA,gBAAA;;;AMjOR,gBAAwC;ENuOxC;IACI,iBAAA;;EAEA,mBAAC;IACG,aAAA;;EAJR,mBAMI;IACI,QAAQ,mBAAR;IACA,gBAAA;IACA,gBAAA;;;AMhPR,gBAAwC;ENuPpC,YAAC;IACG,YAAA;;;AM9PR,gBAAsC;ENsQ9B,aADS,MACR;IACG,gBAAA;IACA,aAAA;IACA,YAAA;IACA,MAAA;;EALR,aAAa,MAQT;IACI,QAAQ,mBAAR;IACA,gBAAA;;;AM/QZ,gBAAsC;ENsQ9B,aADS,KACR;IACG,gBAAA;IACA,aAAA;IACA,YAAA;IACA,MAAA;;EALR,aAAa,KAQT;IACI,QAAQ,mBAAR;IACA,gBAAA;;;AM/QZ,gBAAsC;ENsQ9B,aADS,MACR;IACG,gBAAA;IACA,aAAA;IACA,YAAA;IACA,MAAA;;EALR,aAAa,MAQT;IACI,QAAQ,mBAAR;IACA,gBAAA;;;AM/QZ,gBAAsC;ENsQ9B,aADS,KACR;IACG,gBAAA;IACA,aAAA;IACA,YAAA;IACA,MAAA;;EALR,aAAa,KAQT;IACI,QAAQ,mBAAR;IACA,gBAAA;;;AAWhB;EACI;IACI,aAAA;IACA,sBAAA;;EAEA,YAAC;IACG,OAAA;;EAGJ,YAAC;IACG,mBAAA;IACA,aAAA;IACA,8BAAA;;EAHJ,YAAC,OAKG;EALJ,YAAC,OAMG;IACI,cAAA;IACA,OAAA;;EAGR,YAAC;IACG,mBAAA;IACA,aAAA;IACA,uBAAA","sourcesContent":["@import 'imports/global';\n\n@layer-buffer-x: @aui-grid;\n@layer-buffer-y: 100px;\n\n@footer-height: @aui-dialog-footer-height;\n@header-height: @aui-dialog-header-height;\n\n@header-footer-combined-height: (@header-height + @footer-height);\n\n@dialog-footer-padding-x: @aui-dialog2-padding;\n@dialog-footer-padding-y: 10px;\n@dialog-footer-padding: @dialog-footer-padding-y @dialog-footer-padding-x;\n\n@dialog-height-small: 200px;\n@dialog-height-medium: 300px;\n@dialog-height-large: 500px;\n\n@dialog-content-height-small: (@dialog-height-small - @header-footer-combined-height);\n@dialog-content-height-medium: (@dialog-height-medium - @header-footer-combined-height);\n@dialog-content-height-large: (@dialog-height-large - @header-footer-combined-height);\n\n@dialog-width-small: 400px;\n@dialog-width-medium: 600px;\n@dialog-width-large: 800px;\n@dialog-width-xlarge: 980px;\n\n@dialog-container-border-radius: @aui-border-radius-medium;\n\n@dialog-overflow-with-both-buffers: (@header-footer-combined-height + 2*@layer-buffer-y);\n\n@aui-dialog2-xlarge-width: (@dialog-width-xlarge + 2*@layer-buffer-x);\n@aui-dialog2-large-width: (@dialog-width-large + 2*@layer-buffer-x);\n@aui-dialog2-medium-width: (@dialog-width-medium + 2*@layer-buffer-x);\n@aui-dialog2-small-width: (@dialog-width-small + 2*@layer-buffer-x);\n\n.aui-dialog2 {\n #aui.shadow.z300();\n background-color: @aui-dialog2-bg-color;\n box-sizing: border-box;\n border-radius: @dialog-container-border-radius;\n left: 0;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n right: 0;\n\n &.aui-layer {\n overflow: visible;\n position: fixed;\n top: @layer-buffer-y;\n // we don't set bottom, because the dialog's height should be fixed as the page grows.\n // there are responsive media queries that glue the bottom of the dialog to the page height.\n\n &[aria-hidden=\"true\"] {\n .aui-dialog2-header,\n .aui-dialog2-footer,\n .aui-dialog2-content {\n #aui.transition.fadeOut();\n }\n }\n\n &[aria-hidden=\"false\"] {\n .aui-dialog2-header,\n .aui-dialog2-footer,\n .aui-dialog2-content {\n #aui.transition.fadeIn();\n }\n }\n }\n\n &-small {\n width: @dialog-width-small;\n min-height: (@dialog-content-height-small + @footer-height);\n }\n\n &-medium {\n width: @dialog-width-medium;\n min-height: (@dialog-content-height-medium + @footer-height);\n }\n\n &-large {\n width: @dialog-width-large;\n min-height: (@dialog-content-height-large + @footer-height);\n }\n\n &-xlarge {\n min-height: (@dialog-content-height-large + @footer-height);\n width: @dialog-width-xlarge;\n }\n\n &-small &-content {\n min-height: @dialog-content-height-small;\n }\n\n &-medium &-content {\n min-height: @dialog-content-height-medium;\n }\n\n &-xlarge &-content,\n &-large &-content {\n min-height: @dialog-content-height-large;\n }\n\n //\n // This is not part of the all aui-dialog2-content instances so that connect\n // dialogs can be full-height inside an iframe\n //\n\n &-content {\n max-height: 100%;\n }\n\n &-content {\n background-color: @aui-panel-bg-color;\n box-sizing: border-box;\n overflow: auto;\n padding: @aui-dialog2-padding;\n max-height: calc(~\"100vh\" - @dialog-overflow-with-both-buffers);\n\n &:last-child {\n border-radius: 0 0 @dialog-container-border-radius @dialog-container-border-radius;\n }\n }\n\n &-header {\n #aui-dialog.aui-dialog-header-base();\n border-radius: @dialog-container-border-radius @dialog-container-border-radius 0 0;\n color: @aui-text-color;\n display: table;\n font-weight: normal;\n padding: 0 @aui-dialog2-padding;\n width: 100%;\n\n > * {\n display: table-cell;\n vertical-align: middle;\n }\n\n h2, h3 {\n #aui.typography.h600();\n }\n }\n\n &[data-aui-modal=\"true\"] &-header-close {\n display: none;\n }\n\n &-footer {\n #aui-dialog.aui-dialog-footer-base();\n border-radius: 0 0 @dialog-container-border-radius @dialog-container-border-radius;\n padding: @dialog-footer-padding-y @dialog-footer-padding-x;\n width: 100%;\n\n &:empty {\n height: 5px;\n padding: 0;\n }\n }\n\n &-footer-hint {\n color: @aui-dialog2-footer-hint-text-color;\n line-height: (@footer-height - (2 * @dialog-footer-padding-y));\n }\n\n &-footer-hint,\n &-header-main {\n overflow: hidden;\n padding-right: 10px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &-header-main {\n color: @aui-text-color;\n max-width: 400px;\n }\n\n &-header-secondary,\n &-header-close,\n &-footer-actions {\n text-align: right;\n }\n\n &-footer-actions {\n float: right;\n }\n\n &-header-close {\n cursor: pointer;\n color: @aui-dialog-header-close-icon-color;\n height: 20px;\n line-height: 100%;\n padding-left: 5px;\n text-align: right;\n width: 20px;\n\n &:hover {\n color: @aui-dialog-header-close-icon-color;\n }\n }\n\n &-warning &-header {\n background-color: @aui-dialog2-header-warning-bg-color;\n border-bottom-color: @aui-dialog2-header-warning-bg-color;\n color: @aui-dialog2-header-warning-text-color;\n\n .aui-dialog2-header-main,\n .aui-dialog2-header-actions a,\n .aui-dialog2-header-secondary a,\n .aui-dialog2-header-close {\n color: inherit;\n }\n }\n\n .aui-iconfont-close-dialog:before {\n content: @aui-dialog-close-icon-glyph;\n }\n}\n\n// Add responsive sizes\n.responsive-max-height((@dialog-height-large + 2*@layer-buffer-y), {\n .aui-dialog2-large,\n .aui-dialog2-xlarge {\n min-height: @dialog-height-small;\n\n &.aui-layer {\n bottom: @layer-buffer-y;\n }\n .aui-dialog2-content {\n height: calc(~\"100vh\" - @dialog-overflow-with-both-buffers);\n max-height: none;\n min-height: @dialog-content-height-small;\n }\n }\n});\n\n.responsive-max-height((@dialog-height-medium + 2*@layer-buffer-y), {\n .aui-dialog2-medium {\n min-height: @dialog-height-small;\n\n &.aui-layer {\n bottom: @layer-buffer-y;\n }\n .aui-dialog2-content {\n height: calc(~\"100vh\" - @dialog-overflow-with-both-buffers);\n max-height: none;\n min-height: @dialog-content-height-small;\n }\n }\n});\n\n.responsive-max-height((@dialog-height-small + 2*@layer-buffer-y), {\n .aui-dialog2 {\n &.aui-layer {\n bottom: auto; // this will let the min-height take effect.\n }\n }\n});\n\n.aui-dialog2-responsive-full-width(@dialogType; @maxWidth) {\n .responsive-max-width(@maxWidth, {\n .aui-dialog2-@{dialogType} {\n &.aui-layer {\n box-shadow: none; // because who would see it, anyway?\n height: 100vh;\n width: 100vw;\n top: 0;\n }\n\n .aui-dialog2-content {\n height: calc(~\"100vh\" - @header-footer-combined-height);\n max-height: none; // otherwise, the footer \"creeps up\" the dialog and takes up the available space.\n }\n }\n });\n}\n\n.aui-dialog2-responsive-full-width(xlarge, @aui-dialog2-xlarge-width);\n.aui-dialog2-responsive-full-width(large, @aui-dialog2-large-width);\n.aui-dialog2-responsive-full-width(medium, @aui-dialog2-medium-width);\n.aui-dialog2-responsive-full-width(small, @aui-dialog2-small-width);\n\n@supports (display: flex) {\n .aui-dialog2 {\n display: flex;\n flex-direction: column;\n\n &-content {\n flex: 1;\n }\n\n &-header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n\n > .aui-dialog2-header-secondary,\n > .aui-dialog2-header-actions {\n display: block;\n flex: 1;\n }\n }\n &-header-close {\n align-items: center;\n display: flex;\n justify-content: center;\n }\n }\n}\n","\n#aui {\n .shadow {\n // For use on cards and other things that sit flush on top of other layers.\n .z100() {\n box-shadow:\n 0 1px 1px @ak-color-N40A,\n 0 0 1px 0 @ak-color-N50A;\n }\n\n // For inline dialogs\n .z200() {\n box-shadow:\n 0 4px 8px -2px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // For modal dialogs\n .z300() {\n box-shadow:\n 0 8px 16px -4px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // For flags and notifications\n .z500() {\n box-shadow:\n 0 20px 32px -8px @ak-color-N50A,\n 0 0 1px @ak-color-N60A;\n }\n\n // Deprecated since AUI 7.3\n .inner(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset) {\n box-shadow+: @inner;\n }\n\n // Deprecated since AUI 7.3\n .outer(@outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n box-shadow+: @outer;\n }\n\n // Deprecated since AUI 7.3\n .inner-and-outer(@inner: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, @outer: 0 1px 1px 0 rgba(0, 0, 0, 0.2)) {\n .inner(@inner);\n .outer(@outer);\n }\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\n@aui-dialog-bg-color: @ak-color-N0;\n@aui-dialog-button-hover-border-color: @aui-color-gray;\n@aui-dialog-border-color: @ak-color-N30;\n@aui-dialog-divider-width: 2px;\n@aui-dialog-padding: 20px;\n\n// Because we size the header & footer with border-box,\n// these need to account for the border size.\n@aui-dialog-header-height: 60px + @aui-dialog-divider-width; // NOTE: This value is hard-coded in dialog.js as HEADER_HEIGHT\n@aui-dialog-footer-height: 50px + @aui-dialog-divider-width; // NOTE: This value is hard-coded in dialog.js as BUTTONS_HEIGHT\n\n#aui-dialog {\n .aui-dialog-header-base() {\n border-bottom: @aui-dialog-divider-width solid @aui-dialog-border-color;\n box-sizing: border-box;\n height: @aui-dialog-header-height;\n padding: 15px @aui-dialog-padding;\n }\n\n .aui-dialog-footer-base() {\n border-top: @aui-dialog-divider-width solid @aui-dialog-border-color;\n box-sizing: border-box;\n height: @aui-dialog-footer-height;\n padding: 10px;\n }\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","@aui-old-icon-font-family: \"Atlassian Icons\";\n@aui-old-icon-font-file: \"atlassian-icons\";\n@aui-old-icon-font-id: \"atlassian-icons\";\n\n@aui-icon-font-family: \"Adgs Icons\";\n@aui-icon-font-file: \"adgs-icons\";\n@aui-icon-font-id: \"adgs-icons\";\n\n// glyphs\n@aui-glyph-check: \"\\f194\";\n@aui-glyph-check-circle: \"\\f104\";\n@aui-glyph-chevron-down: \"\\f15b\";\n@aui-glyph-close: \"\\f11b\";\n@aui-glyph-exclamation-triangle: \"\\f1b3\";\n@aui-glyph-exclamation-circle: \"\\f15a\";\n@aui-glyph-info-circle: \"\\f234\";\n@aui-glyph-more-actions: \"\\f17f\"; // the \"more\" icon; should be three dots.\n@aui-glyph-search: \"\\f18c\";\n@aui-glyph-search-small: \"\\f18d\";\n@aui-glyph-radio: \"\\f500\";\n@aui-glyph-remove: \"\\f188\";\n\n@aui-glyph-sorted-ascending: \"\\f1ac\";\n@aui-glyph-sorted-descending: \"\\f140\";\n",".responsive-max-width(@maxWidth; @rules) {\n @media all and (max-width: @maxWidth) {\n @rules();\n }\n}\n\n.responsive-max-height(@maxHeight; @rules) {\n @media all and (max-height: @maxHeight) {\n @rules();\n }\n}\n"],"file":"dialog2.css"}