@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 7.08 kB
Source Map (JSON)
{"version":3,"sources":["aui-group.less","imports/mixins.less"],"names":[],"mappings":";;;AAMA;EACI,cAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;EACA,WAAA;;AAGJ,UAAW;EACP,sBAAA;EACA,mBAAA;EACA,SAAA;EACA,mBAAA;;AAGJ,UAAW,YAAY;EACnB,kBAAA;;;AAIJ,WAAY,WAAW;EACnB,sBAAA;;;AAIJ,UAAU,gBAAiB;EACvB,iBAAA;;AAGJ,UAAU,gBAAiB,YAAW;EAClC,gBAAA;;;AAIJ,UAAU,eAAgB;EACtB,gBAAA;;AAGJ,UAAU,eAAgB,YAAY;EAClC,kBAAA;;AAGJ,UAAU,eAAgB,YAAY,YAAY;EAC9C,iBAAA;;ACoEQ,mBAAqC;EAiDjD,IAlDY,eD/DR,WACI;IACI,cAAA;IACA,WAAA;;EC8GZ,IAlDY,eD/DR,WACI,YAII;IACI,eAAA;IACA,iBAAA;;EAIR,ICoDI,eD/DR,WAWK,gBAEG;EADJ,ICmDI,eD/DR,WAYK,eACG;EAFJ,ICoDI,eD/DR,WAWK,gBAEgB,YAAY;EAD7B,ICmDI,eD/DR,WAYK,eACgB,YAAY;EAF7B,ICoDI,eD/DR,WAWK,gBAGG,YAAY,YAAY;EAF5B,ICmDI,eD/DR,WAYK,eAEG,YAAY,YAAY;IACpB,gBAAA","sourcesContent":["@import './imports/global';\n\n/**\n * GROUP/ITEM\n */\n\n.aui-group {\n display: table;\n box-sizing: border-box;\n border-spacing: 0;\n table-layout: fixed;\n width: 100%;\n}\n\n.aui-group > .aui-item {\n box-sizing: border-box;\n display: table-cell;\n margin: 0;\n vertical-align: top;\n}\n\n.aui-group > .aui-item + .aui-item {\n padding-left: (@aui-grid * 2);\n}\n\n/* defensive header allowance */\n.aui-layout .aui-group > header {\n display: table-caption;\n}\n\n/* .aui-group-split: two items; alignment is left, then right (splits the layout). */\n.aui-group.aui-group-split > .aui-item {\n text-align: right;\n}\n\n.aui-group.aui-group-split > .aui-item:first-child {\n text-align: left;\n}\n\n/* .aui-group-trio: three items; alignment is left, center, right */\n.aui-group.aui-group-trio > .aui-item {\n text-align: left;\n}\n\n.aui-group.aui-group-trio > .aui-item + .aui-item {\n text-align: center;\n}\n\n.aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {\n text-align: right;\n}\n\n#aui.responsive-small({\n .aui-group {\n > .aui-item {\n display: block;\n width: auto;\n\n + .aui-item {\n padding-left: 0;\n padding-top: @aui-grid;\n }\n }\n\n &.aui-group-split,\n &.aui-group-trio {\n > .aui-item, > .aui-item + .aui-item,\n > .aui-item + .aui-item + .aui-item {\n text-align: left;\n }\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"],"file":"aui-group.css"}