@atlassian/aui/lib/css/aui-page-typography.css.map

Atlassian User Interface Framework

{"version":3,"sources":["aui-page-typography.less","../../node_modules/@atlaskit/util-shared-styles/src/fonts.less","imports/aui-theme/core/text.less","imports/mixins/typography.less"],"names":[],"mappings":"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","sourcesContent":["@import './imports/global';\n\n/**\n * TYPOGRAPHY - 14px base font size, agnostic font stack\n */\nbody {\n    color: @aui-text-color;\n    font-family: @aui-font-family;\n    font-size: @aui-font-size-medium;\n    font-weight: @aui-font-weight-normal;\n    line-height: unit(20 / @aui-font-size-medium);\n    letter-spacing: @aui-font-letter-spacing;\n}\n\n/* International Font Stacks*/\n[lang|=en] {\n    font-family: @aui-font-family;\n}\n\n[lang|=ja] {\n    font-family: @aui-font-family-ja;\n}\n\n/* Default margins */\np,\nul,\nol,\ndl,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nblockquote,\npre,\nform.aui,\ntable.aui,\n.aui-tabs,\n.aui-panel,\n.aui-group {\n    margin: @aui-grid 0 0 0;\n}\n\n/* No top margin to interfere with box padding */\np:first-child,\nul:first-child,\nol:first-child,\ndl:first-child,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\nblockquote:first-child,\npre:first-child,\nform.aui:first-child,\ntable.aui:first-child,\n.aui-tabs:first-child,\n.aui-panel:first-child,\n.aui-group:first-child {\n    margin-top: 0;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    color: @aui-text-color;\n}\n\n/* Headings: desired line height in px / font size = unitless line height */\nh1 {\n    #aui.typography.h700();\n    margin: (@aui-grid * 3) 0 0 0;\n}\nh2 {\n    #aui.typography.h600();\n    margin: (@aui-grid * 3) 0 0 0;\n}\nh3 {\n    #aui.typography.h500();\n    margin: (@aui-grid * 3) 0 0 0;\n}\nh4 {\n    #aui.typography.h400();\n    margin: (@aui-grid * 2) 0 0 0;\n}\nh5 {\n    #aui.typography.h300();\n    margin: (@aui-grid * 2) 0 0 0;\n}\nh6 {\n    #aui.typography.h200();\n    margin: (@aui-grid * 2) 0 0 0;\n}\n\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child {\n    margin-top: 0;\n}\n/* Nice styles for using subheadings */\nh1 + h2,\nh2 + h3,\nh3 + h4,\nh4 + h5,\nh5 + h6 {\n    margin-top: @aui-grid;\n}\n/* Increase the margins on all headings when used in the group/item pattern ... */\n.aui-group > .aui-item > h1:first-child,\n.aui-group > .aui-item > h2:first-child,\n.aui-group > .aui-item > h3:first-child,\n.aui-group > .aui-item > h4:first-child,\n.aui-group > .aui-item > h5:first-child,\n.aui-group > .aui-item > h6:first-child {\n    margin-top: (@aui-grid * 2);\n}\n/* ... unless they're the first-child */\n.aui-group:first-child > .aui-item > h1:first-child,\n.aui-group:first-child > .aui-item > h2:first-child,\n.aui-group:first-child > .aui-item > h3:first-child,\n.aui-group:first-child > .aui-item > h4:first-child,\n.aui-group:first-child > .aui-item > h5:first-child,\n.aui-group:first-child > .aui-item > h6:first-child {\n    margin-top: 0;\n}\n\n/* Other typographical elements */\nsmall {\n    color: @aui-small-text-color;\n    font-size: @aui-font-size-small;\n    line-height: unit(16 / @aui-font-size-small);\n}\ncode,\nkbd {\n    font-family: @aui-code-font-family;\n}\nvar,\naddress,\ndfn,\ncite {\n    font-style: italic;\n}\ncite:before {\n    content: \"\\2014 \\2009\";\n}\nblockquote {\n    border-left: @aui-border-width @aui-border-style @aui-border-color;\n    color: @aui-blockquote-text-color;\n    margin-left: (@aui-grid * 2 - 1);\n    padding: @aui-grid (@aui-grid * 2);\n}\nblockquote > cite {\n    display: block;\n    margin-top: @aui-grid;\n}\nq {\n    color: @aui-quote-text-color;\n}\nq:before {\n    content: open-quote;\n}\nq:after {\n    content: close-quote;\n}\nabbr {\n    border-bottom: 1px @aui-abbr-border-color dotted;\n    cursor: help;\n}\n\n/* Deprecated header styles; to be removed in AUI 8.0 */\n.aui-page-header-hero .aui-page-header-main h1,\n.aui-page-header-hero .aui-page-header-main h2,\n.aui-page-header-marketing .aui-page-header-main h1,\n.aui-page-header-marketing .aui-page-header-main h2 {\n    #aui.typography.h800();\n    margin: (@aui-grid * 3) 0 0 0;\n}\n.aui-page-header-hero .aui-page-header-main p,\n.aui-page-header-marketing .aui-page-header-main p {\n    #aui.typography.h600();\n    margin: (@aui-grid * 3) 0 0 0;\n}\n","@ak-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n@ak-font-size-default: 14px;\n@ak-code-font-family: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Courier, monospace;\n","@import '~@atlaskit/util-shared-styles/src/fonts';\n@import 'colors';\n\n@aui-text-color: @ak-color-N800;\n@aui-font-family: @ak-font-family;\n@aui-font-family-ja: \"Hiragino Kaku Gothic Pro\", \"ヒラギノ角ゴ Pro W3\", \"メイリオ\", Meiryo, \"ＭＳ Ｐゴシック\", Verdana, Arial, sans-serif;\n@aui-code-font-family: @ak-code-font-family;\n\n// Fonts and line heights\n@aui-font-size-xxxlarge: 29px;\n@aui-font-size-xxlarge: 24px;\n@aui-font-size-xlarge: 20px;\n@aui-font-size-large: 16px;\n@aui-font-size-medium: 14px;\n@aui-font-size-small: 12px;\n@aui-font-size-xsmall: 11px;\n\n@aui-font-letter-spacing: 0;\n\n@aui-font-weight-lighter: 300;\n@aui-font-weight-normal: 400;\n@aui-font-weight-medium: 500;\n@aui-font-weight-semibold: 600;\n@aui-font-weight-bold: 700;\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":"aui-page-typography.css"}