@atlassian/aui
Version:
Atlassian User Interface Framework
1 lines • 9.03 kB
Source Map (JSON)
{"version":3,"sources":["tables.less","imports/mixins/typography.less"],"names":[],"mappings":"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","sourcesContent":["@import 'imports/global';\n\n/*! AUI Tables */\n/*! Note child combinator are used to ensure nested non-AUI tables don't receive any AUI styles. */\n\n.aui-table-row-style() {\n background: @aui-table-row-bg-color;\n color: @aui-table-row-text-color;\n}\n\n.aui-table-header-style() {\n #aui.typography.h200(@aui-table-heading-text-color);\n}\n\n.aui-table-cell-style() {\n padding: @aui-table-padding-y @aui-table-padding-x;\n text-align: @aui-table-text-align;\n vertical-align: @aui-table-vertical-align;\n > ul.menu {\n list-style-type: none;\n margin: 0;\n padding: 0;\n > li {\n float: left;\n margin: 0 @aui-grid 0 0;\n width: auto;\n }\n }\n}\n\ntable.aui {\n border-collapse: collapse;\n width: 100%;\n\n // Table inside a table\n & & {\n margin: 0;\n }\n\n > caption {\n color: @aui-table-caption-text-color;\n background: @aui-table-caption-bg-color;\n border-bottom: @aui-border-tables;\n caption-side: top;\n padding: @aui-table-padding-y @aui-table-padding-x;\n text-align: @aui-table-text-align;\n }\n\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n .aui-table-cell-style();\n }\n }\n }\n\n > tbody,\n > tfoot {\n > tr {\n .aui-table-row-style();\n &:first-child {\n > td,\n > th {\n border-top: @aui-border-tables;\n }\n }\n }\n }\n\n > thead {\n border-bottom: @aui-border-tables-header;\n > tr {\n > th {\n .aui-table-header-style();\n }\n }\n }\n\n > tbody {\n > tr {\n > th {\n .aui-table-header-style();\n font-size: inherit; // Needs to be the same as the content, otherwise the x-height doesn't line up and looks weird.\n background: @aui-table-header-bg-color;\n }\n }\n }\n\n /* stripes - deprecated */\n &.aui-zebra {\n tr {\n border-bottom: 0;\n }\n\n & > thead > tr:nth-child(even),\n & > tbody > tr:nth-child(even),\n & > tfoot > tr:nth-child(even),\n & > tbody > tr:nth-child(even) > th {\n background: @aui-table-zebra-even-bg-color;\n color: @aui-table-zebra-even-text-color;\n }\n }\n\n // Buttons\n .aui-button-link {\n padding-top: 0;\n padding-bottom: 0;\n line-height: inherit;\n height: auto;\n border: 0;\n }\n}\n\ntable.aui:not(.aui-table-list) {\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border-bottom: @aui-border-tables;\n }\n }\n }\n}\n\n/* Tables for lists of data */\ntable.aui.aui-table-list,\ntable.aui.aui-table-interactive {\n > tbody {\n > tr {\n &:hover, &:focus-within {\n background: @aui-table-list-row-hover-color;\n }\n &.aui-row-subtle * {\n color: @aui-table-list-row-subtle-color;\n\n .aui-avatar,\n .aui-icon,\n .aui-button {\n opacity: .8;\n }\n }\n }\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"],"file":"tables.css"}