{"version":3,"sources":["../src/src/branch-name/branch-name.scss","../src/src/support/variables/typography.scss","../src/src/support/variables/misc.scss"],"names":[],"mappings":"AAIA,aACE,oBAAqB,CAErB,eAAgB,CAChB,sFCoD4F,CDnD5F,mCAAoC,CACpC,4CAA6C,CAC7C,iBEFoB,CFLtB,sBAWI,mBAAoB,CAEpB,mCAAoC,CACrC,cAMD,4BAA6B,CAC7B,iDAAkD,CAFpD,uBAMI,wCAAyC","file":"branch-name.css","sourcesContent":["// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n// A nice way to display branch names inside the UI. Can be a link or not.\n\n.branch-name {\n  display: inline-block;\n  // stylelint-disable-next-line primer/spacing\n  padding: 2px 6px;\n  font: 12px $mono-font;\n  color: var(--color-branch-name-text);\n  background-color: var(--color-branch-name-bg);\n  border-radius: $border-radius;\n\n  .octicon {\n    // stylelint-disable-next-line primer/spacing\n    margin: 1px -2px 0 0;\n    // stylelint-disable-next-line primer/colors\n    color: var(--color-branch-name-icon);\n  }\n}\n\n// When a branch name is a link\n\na.branch-name {\n  color: var(--color-text-link);\n  background-color: var(--color-branch-name-link-bg);\n\n  .octicon {\n    // stylelint-disable-next-line primer/colors\n    color: var(--color-branch-name-link-icon);\n  }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n// stylelint-disable no-eol-whitespace\n$body-font:\n  // Apple OSs\n  -apple-system,\n  BlinkMacSystemFont,\n  \n  // Windows\n  // Note this should be prioritized over `system-ui` to avoid legacy fonts.\n  // See https://infinnie.github.io/blog/2017/systemui.html\n  \"Segoe UI Variable\",\n  \"Segoe UI\",\n  \n  // Linux-friendly system-level fonts + fallbacks\n  system-ui,\n  ui-sans-serif,\n  Helvetica,\n  Arial,\n  sans-serif,\n  \n  // Emojis\n  \"Apple Color Emoji\",\n  \"Segoe UI Emoji\" !default;\n// stylelint-enable no-eol-whitespace\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Miscellaneous variables\n\n// Border\n$border-width: 1px !default;\n$border-style: solid !default;\n$border: $border-width $border-style var(--color-border-primary) !default;\n\n// Border Radius\n$border-radius-1:  4px !default;\n$border-radius-2:  6px !default;\n$border-radius-3:  8px !default;\n$border-radius: $border-radius-2 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n"]}