UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

1 lines 8.49 kB
{"version":3,"sources":["tabs.less","imports/mixins/tab-indicator.less"],"names":[],"mappings":"AAGA;EACI,cAAA;;AAGJ;EACI,aAAA;;AADJ,SAGI;EACI,aAAA;;AAEA,SAHJ,aAGK;EACG,cAAA;;AAPZ,SAYI,aAAa,aACT;AAbR,SAYI,aAAa,aAET,IAAI;EACA,uBAAA;EACA,eAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;;AAnBZ,SAuBI,aAAa,WACT;AAxBR,SAuBI,aAAa,WAET,EAAC;AAzBT,SAuBI,aAAa,WAGT,EAAC;EACG,cAAA;;AA3BZ,SAuBI,aAAa,WAOT,EAAC;AA9BT,SAuBI,aAAa,WAQT,EAAC;EACG,cAAA;;AAIA,SAbR,aAAa,WAYR,WAAY;AAET,SAdR,aAAa,WAYR,WAAY,EAER;AACD,SAfR,aAAa,WAYR,WAAY,EAGR;AACD,SAhBR,aAAa,WAYR,WAAY,EAIR;AACD,SAjBR,aAAa,WAYR,WAAY,EAKR;AACD,SAlBR,aAAa,WAYR,WAAY,EAMR;EACG,cAAA;;AAMZ,SAAC;EACG,qBAAA;;AADJ,SAAC,cAGG;ECpCA,kBAAA;EDuCI,WAAA;EACA,qBAAA;EACA,SAAA;EACA,UAAA;;ACxCJ,SD+BH,cAGG,aClCC;EACG,mBAAA;EACA,WAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,eAAA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA,UAAA;EACA,aAAA;;ADiCI,SAZX,cAGG,aAQI,aACK,WAAY;EC7CrB,kBAAA;;AAEA,SD+BH,cAGG,aAQI,aACK,WAAY,EC3CpB;EACG,mBAAA;EACA,WAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,eAAA;EACA,kBAAA;EACA,QAAA;EACA,QAAA;EACA,UAAA;EACA,UAAA;;ADqBR,SAAC,cAGG,aAQI,aAKI;EACI,cAAA;EACA,iBAAA;EACA,qBAAA;EACA,gBAAA;EACA,0BAAA;;AArBhB,SAAC,cAGG,aAQI,aAaI;EACI,gBAAA;;AAzBhB,SAAC,cA8BG;EACI,kBAAA;EACA,mBAAA;;AAKR,SAAC;EAEG,sBAAA;;AAFJ,SAAC,gBAIG;EC3FA,kBAAA;ED8FI,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,SAAA;EACA,UAAA;;AChGJ,SDqFH,gBAIG,aCzFC;EACG,mBAAA;EACA,SAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;;ADyFI,SAdX,gBAIG,aASI,aACK,WAAY;ECrGrB,kBAAA;;AAEA,SDqFH,gBAIG,aASI,aACK,WAAY,ECnGpB;EACG,mBAAA;EACA,SAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;EACA,WAAA;EACA,cAAA;EACA,UAAA;;AD2ER,SAAC,gBAoBG;EACI,kBAAA;EACA,mBAAA;EACA,iBAAA;;AAGJ,SA1BH,gBA0BI,qBAAqB,IAAI,+BAAgC;EACtD,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;EACA,mBAAA;;AAGJ,SAlCH,gBAkCI,qBAAqB,IAAI,+BAAgC,aAAa;EACnE,qBAAA;EACA,WAAA;EACA,eAAA;;AArCR,SAAC,gBAwCG,aAAa;EACT,SAAA;;AAGI,SA5CX,gBAwCG,aAAa,aAGT;AAEI,SA7CX,gBAwCG,aAAa,aAGT,EAEK;AACD,SA9CX,gBAwCG,aAAa,aAGT,EAGK;AACD,SA/CX,gBAwCG,aAAa,aAGT,EAIK;EACG,cAAA;EACA,iBAAA;EACA,qBAAA;;AAKJ,SAvDX,gBAwCG,aAAa,aAcR,WAAY;AAET,SAxDX,gBAwCG,aAAa,aAcR,WAAY,EAER;AACD,SAzDX,gBAwCG,aAAa,aAcR,WAAY,EAGR;AACD,SA1DX,gBAwCG,aAAa,aAcR,WAAY,EAIR;AACD,SA3DX,gBAwCG,aAAa,aAcR,WAAY,EAKR;AACD,SA5DX,gBAwCG,aAAa,aAcR,WAAY,EAMR;EACG,cAAA;;AAOhB,SAAC,cAAc,oBAAqB,aAAa,WAAW;EACxD,mBAAA;;AAGJ,SAAC,cAAc,oBAAqB,aAAa,WAAU;EACvD,eAAA;;AAGJ,SAAC,cAAc,oBAAqB;EAChC,gBAAA;;AAGJ,SAAC,gBAAiB,aAAa,aAAY;EACvC,aAAA;;AAtKR,SA0KI,YAAW,eAAgB;AA1K/B,SA2KI,YAAW,eAAgB,EAAE;EACzB,0BAAA","sourcesContent":["@import './imports/global';\n\n// AUI Tabs\naui-tabs {\n display: block;\n}\n\n.aui-tabs {\n display: flex;\n\n > .tabs-pane {\n display: none;\n\n &.active-pane {\n display: block;\n }\n }\n\n // Common styles - Vertical and Horizontal\n > .tabs-menu > .menu-item {\n > a,\n > a strong {\n background: transparent;\n cursor: pointer;\n font-weight: @aui-font-weight-medium;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n\n > .tabs-menu .menu-item {\n a,\n a:link,\n a:visited {\n color: @aui-tabs-tab-text-color;\n }\n\n a:focus,\n a:hover {\n color: @aui-tabs-tab-hover-text-color;\n }\n\n &.active-tab a {\n &,\n &:link,\n &:visited,\n &:focus,\n &:hover,\n &:active {\n color: @aui-tabs-tab-active-text-color;\n }\n }\n }\n\n // Vertical Tabs\n &.vertical-tabs {\n flex-flow: row nowrap;\n\n > .tabs-menu {\n #aui.vertical-tab-indicator(@aui-tabs-tab-border-color, auto, @aui-tab-padding-y);\n\n width: 11em;\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n > .menu-item {\n &.active-tab a {\n #aui.vertical-tab-indicator(@aui-tabs-tab-active-border-color, 1, @aui-tab-padding-y);\n }\n\n a {\n display: block;\n text-align: right;\n text-decoration: none;\n overflow: hidden;\n padding: @aui-tab-padding-y (@aui-tab-padding-x + @aui-tab-break-height) @aui-tab-padding-y @aui-tab-padding-x;\n }\n\n strong {\n padding-right: 0;\n }\n }\n }\n\n > .tabs-pane {\n padding-left: (@aui-grid*2);\n padding-right: (@aui-grid*2);\n }\n }\n\n // Horizontal Tabs\n &.horizontal-tabs {\n @horizontal-gutter: @aui-tab-padding-x; // the tabs + tab line don't hug the left/right edges of their container.\n flex-direction: column;\n\n > .tabs-menu {\n #aui.horizontal-tab-indicator(@aui-tabs-tab-border-color, auto, @horizontal-gutter);\n\n display: flex;\n flex-flow: row wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n\n > .menu-item {\n &.active-tab a {\n #aui.horizontal-tab-indicator(@aui-tabs-tab-active-border-color, 1, @horizontal-gutter);\n }\n }\n }\n\n > .tabs-pane {\n padding-left: @horizontal-gutter;\n padding-right: @horizontal-gutter;\n padding-top: @aui-grid;\n }\n\n &[data-aui-responsive]:not([data-aui-responsive=\"false\"]) > .tabs-menu {\n font-size: 0; // required to remove spacing between inline elements\n flex-wrap: nowrap;\n margin: 0 0 -1px 0;\n overflow: hidden;\n white-space: nowrap;\n }\n\n &[data-aui-responsive]:not([data-aui-responsive=\"false\"]) > .tabs-menu > .menu-item {\n display: inline-block;\n float: none;\n font-size: @aui-tabs-font-size; // reset the font-size\n }\n\n > .tabs-menu > .menu-item {\n margin: 0;\n\n a {\n &,\n &:focus,\n &:hover,\n &:active {\n display: block;\n padding: @aui-tab-padding-y @aui-tab-padding-x;\n text-decoration: none;\n }\n }\n\n &.active-tab a {\n &,\n &:link,\n &:visited,\n &:focus,\n &:hover,\n &:active {\n color: @aui-tabs-tab-active-text-color;\n }\n }\n }\n }\n\n // legacy tabs override - deprecated, to be remove in aui 5.0\n &.vertical-tabs.aui-legacystyle2011 > .tabs-menu .menu-item strong {\n text-overflow: clip;\n }\n\n &.vertical-tabs.aui-legacystyle2011 > .tabs-menu .menu-item.active-tab {\n margin-right: 0;\n }\n\n &.vertical-tabs.aui-legacystyle2011 > .tabs-pane {\n border-radius: 0;\n }\n\n &.horizontal-tabs > .tabs-menu > .menu-item.hidden {\n display: none;\n }\n\n // reloadable tabs (active tab has different cursor affordance)\n .active-tab.reloadable-tab a,\n .active-tab.reloadable-tab a strong {\n cursor: pointer !important;\n }\n}\n","@import '../aui-theme/core/grid';\n@import '../aui-theme/components/tabs';\n\n#aui {\n .horizontal-tab-indicator(@background, @index: auto, @horizontal-gutter: @aui-grid) {\n position: relative;\n\n &::after {\n background: @background;\n bottom: 0;\n content: \"\";\n display: block;\n height: @aui-tab-break-height;\n left: @horizontal-gutter;\n position: absolute;\n right: @horizontal-gutter;\n width: initial;\n z-index: @index;\n }\n }\n\n .vertical-tab-indicator(@background, @index: auto, @vertical-gutter: @aui-grid) {\n position: relative;\n\n &::after {\n background: @background;\n bottom: @vertical-gutter;\n content: \"\";\n display: block;\n height: initial;\n position: absolute;\n top: @vertical-gutter;\n right: 0;\n width: @aui-tab-break-height;\n z-index: @index;\n }\n }\n}\n"],"file":"tabs.css"}