{"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,sFC8B4F,CD7B5F,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$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\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"]}