jekyll-theme-github-like 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ {"version":3,"file":"primer-xxxxxxxxxxxx.css","mappings":"AAiCI;;;;;ECjCJ,2CCMA;;;;;ECNA,CCGA,OACE,kBAEA,kBACA,kBCHa,CDIb,gBCLa,CDMb,kBAEA,oBACE,gBAGF,gBAEE,kBAKJ,gBACE,kBEeS,CFXX,aACE,YACA,YEQS,CFPT,aACA,kBACA,eAGA,gBACA,SACA,wCAEA,mBACE,WAGF,oBACE,WAGF,sBACE,eAKJ,cACE,YAEA,gBACA,gBEnBS,CFoBT,4BAEA,2BACE,gBE1BO,CF2BP,4BAGF,0BACE,2BAEA,mCACE,cASN,OACE,8BACA,yFACA,uCAEA,gBACE,6BAIJ,YACE,8BACA,+FACA,0CAEA,qBACE,gCAIJ,aACE,8BACA,yFACA,uCAEA,sBACE,6BAIJ,eACE,8BACA,2FACA,wCAEA,wBACE,8BAQJ,YAEE,gBACA,mBACA,gBAIF,cACE,eACA,MACA,WACA,WACA,aACA,eACA,cACA,gBAIF,0BAEE,6CAIF,SACE,YE/CY,CFiDZ,mBACA,eGjIiB,CHkIjB,+CIrJF,4BACE,cACA,kBAIF,2BACE,eACA,iBAIF,yBACE,2BACE,cACA,mBAKJ,mBACE,kBACA,eAIF,iCACE,oBACA,gBACA,mBAEA,8CACE,oCCJF,oCACA,aACA,kDDOA,+CACE,UACA,eFZK,CEcL,YACA,gBAEA,qDACE,gBAGF,6DACE,gBAMN,sBACE,kBACA,OACA,WACA,kBACA,eACA,gBACA,gBAEA,eACA,gBACA,uCACA,6CACA,iBH/DiB,CGgEjB,sCAMF,mBACE,cACA,WACA,gBACA,gBACA,eD7DiB,CC8DjB,8BACA,gBACA,qBACA,uBACA,mBACA,eACA,6CACA,SAEA,yBACE,kCACA,qBACA,8CAGA,2BACE,yBAIJ,uGAGE,kCACA,qBACA,8CAGA,6GACE,yBE/GN,WACE,kBACA,MACA,OACA,gBACA,UACA,SACA,eJ4BS,CI3BT,gBACA,eACA,uCACA,6CACA,iBLNiB,CKOjB,sCAEA,cACE,cACA,gBACA,eHGmB,CGFnB,kDAEA,oBACE,gBACA,4BAGF,yBACE,gBACA,8BLtBa,CKuBb,6BLvBa,CK0Bf,0BACE,0BL3Ba,CK4Bb,2BL5Ba,CK+Bf,oBACE,kCACA,qBACA,wCAEA,0BACE,kCAGF,6BACE,yBAIJ,iEAEE,kCACA,qBACA,wCAEA,6EACE,kCAGF,mFACE,yBAMR,qBACE,kBACA,MACA,OACA,WAMA,yBACE,sCACE,qBACA,oBAGF,+BACE,kBCxFN,QACE,qBACA,gBACA,aJ0BmB,CIzBnB,sBACA,wCACA,iBNGiB,CMFjB,cAEA,gDAGF,aACE,WACA,aJemB,CIXrB,mBACE,qBAEA,kBAKF,kCAIE,iBNtBiB,CMgCnB,UAJE,ULuEK,CKtEL,WLsEK,CKlEP,UALE,UL2EO,CK1EP,WL0EO,CKrET,UANE,UL4EO,CK3EP,WL2EO,CKrET,UAPE,UL6EO,CK5EP,WL4EO,CKrET,UARE,UL8EO,CK7EP,WL6EO,CKrET,UATE,UL+EO,CK9EP,WL8EO,CKrET,UAVE,ULgFO,CK/EP,WL+EO,CKrET,UAXE,ULiFO,CKhFP,WLgFO,CMjHT,qBACE,kBAGF,cACE,kBACA,WACA,WACA,6CAEA,iBPNiB,COOjB,4CCZF,aACE,kBACA,eACA,YAEA,+BACE,kBAGF,8BACE,eAGF,qCACE,eAIJ,kBACE,aACA,uCAEA,0BACE,kBACA,UACA,aACA,WACA,YACA,uBAEA,mBACA,6CACA,mDAEA,iBR7Be,CQ8Bf,gBACA,kCAEA,sCACE,UAGF,qCACE,UACA,eAIF,8BAEE,iBR7Ca,CQkDf,yCACE,aACA,UAKF,gCAEE,iBAIF,+CACE,aACA,UAGF,qCACE,wBAKN,oBACE,UACA,eACA,sCAEA,uDAEE,kBACA,cACA,YACA,WAEA,kBACA,8CAGF,4BACE,WACA,+CAGF,2BACE,WACA,0CAOF,sCACE,QACA,2BAEA,oDACE,eAEA,gBAIJ,wCACE,0CAEA,gDACE,UAGF,+CACE,UACA,sCAIJ,4BACE,eAEA,kBACA,eACA,kDC3IJ,aACE,aACA,mBACA,uBACA,6CACA,kBACA,sCAGF,kBACE,yBACA,uBACA,0BAIF,oBACE,WACA,YAIF,qBACE,WACA,YAIF,oBACE,YACA,aAMF,kBACE,kBAEA,0BACE,kBACA,QACA,OACA,WACA,WAEA,qDAGF,+BACE,kBCnDJ,YACE,kBACA,YToCS,CSnCT,kBAEA,cACE,4BAGF,iBAEE,oBACA,cRIM,CQHN,uCACA,2CACA,iBVPe,CUUjB,gBACE,WACA,YAIJ,iBACE,gBTSS,CSRT,iBTIO,CSHP,eTOS,CSNT,4BAGF,kBACE,kBTIS,CSDX,oBACE,iBTFS,CSKX,mBACE,eTJS,CSMT,iCACE,eTNO,CSST,gCACE,iBTjBK,CSqBT,mBACE,0BAGF,qBACE,kBAGF,mBACE,gBACA,cAMA,sBACE,WACA,YAGF,qBACE,cAEA,cR9DM,CQiER,oBACE,cRhEM,CQsEV,6BACE,SCnFF,aACE,qBAEA,gBACA,uFACA,4BACA,qBACA,4CACA,iBXHiB,CWKjB,sBAEE,oBACA,4BAMJ,cACE,6BACA,4CAEA,uBACE,6BC5BJ,UACE,kBAGF,gBACE,qBACA,QACA,SACA,sBACA,WACA,kBZNa,CYQb,uBACA,+BACA,gCACA,8BAMF,eACE,kBACA,SACA,OACA,YACA,YACA,eXQS,CWPT,kBXOS,CWLT,eACA,gBACA,6CACA,4BACA,6CACA,iBZ1BiB,CY2BjB,qCAEA,6CAEE,kBACA,qBACA,WAIF,uBAEE,6BACA,gDAIF,sBAEE,6BACA,gDAIF,kBACE,gBAIJ,2BACE,WAEA,0CACE,iBACA,iBACA,sBAKJ,eACE,cACA,yBACA,gBACA,8BACA,uBACA,mBAEA,qBACE,kCACA,qBACA,8CAEA,8BACE,cACA,UAGF,0CACE,yBAGF,4BACE,yBACA,0BAIJ,wBACE,WACA,gBAIJ,kBACE,WACA,gBACA,gBACA,SAGF,kBACE,cACA,SACA,aACA,iDAGF,iBACE,iBACA,cV5GQ,CU6GR,4BAGF,kDACE,aAQF,iBACE,MACA,WACA,UACA,WACA,aACA,gBXlHO,CWoHP,yBACE,SACA,YACA,UACA,yBACA,8CAGF,wBACE,SACA,YACA,UACA,yBACA,8CAIJ,iBACE,MACA,UACA,WACA,aACA,eX1IO,CW4IP,yBACE,SACA,WACA,yBACA,+CAGF,wBACE,SACA,WACA,yBACA,+CAIJ,kBACE,SACA,YACA,OAEA,kBAEA,mDAEE,SA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,C+BTf,4BACA,YACA,QAIF,iBACE,qBACA,kBACA,yBACA,QAEA,sCACE,chCVO,CiCnCX,cACE,kBACA,aACA,eACA,gBjCiCS,CiC9BT,sBACE,kBACA,MACA,SACA,OACA,cACA,UACA,WACA,2CAGF,yCACE,0CAEA,8CAIJ,oBACE,kBACA,UACA,aACA,UjCUS,CiCTT,WjCSS,CiCRT,iBACA,kBACA,4BACA,mBACA,gDAEA,6CACA,kBACA,uBACA,cAEA,6BACE,kCACA,+CACA,6BAIJ,mBACE,YACA,eACA,cjCjBS,CiCkBT,4BACA,UAGF,qBACE,kBACA,WACA,UAGF,oBACE,kBACA,UACA,WjC5BS,CiC6BT,SACA,oBACA,kBACA,6CACA,SAEA,iDAGF,yBACE,ejC1CS,CiC2CT,iBAGA,oCACE,mBjC7CO,CiCgDT,6CACE,WjCjDO,CiCkDP,cjCxDK,CiCyDL,iBjCzDK,CiC0DL,4BACA,6CACA,SCzFJ,OACE,aACA,UlC2BO,CkC1BP,8BACA,6CACA,iBnCEiB,CmCDjB,iFLMI,yBKZN,OASI,kBACA,gBACA,WlCwBO,EkCpBX,YACE,aACA,mBACA,uBACA,WACA,cACA,kCACA,8CACA,6BACA,eACA,+BACA,kCAGF,eACE,YlCKS,CkCFX,qBACE,gBACA,aACA,cACA,6BACA,SAEA,2BACE,WAGF,4BACE,WAMJ,gBACE,8BACA,iFAEA,4BACE,+CAIJ,cACE,8BACA,iFAEA,0BACE,8CAIJ,gBACE,8BACA,iFAEA,4BACE,iDAIJ,gBACE,8BACA,iFAEA,4BACE,+CAMJ,kBACE,4EAGF,4BACE,GACE,UACA,4BAIJ,mBACE,+EAGF,6BACE,KACE,oBACA,UACA,4BAIJ,gBACE,gDAGF,0BACE,KACE,uBAGF,GACE,0BC1HJ,2BACE,oBAGF,cACE,mBACA,oBACA,OnCsBO,CmCnBL,uCACE,2CAKF,wCACE,4CAMJ,8CACE,YACA,mBAGF,+CACE,SACA,kBAIJ,oBACE,kBACA,cACA,UnC8BU,CmC7BV,WnCDS,CmCET,UACA,gBACA,qBACA,eACA,0CACA,8CACA,kDACA,iBpCvCiB,CoCwCjB,yDACA,yBACA,kDACA,wCAEA,4DAEE,iBAGF,wBACE,8ChCCF,QACA,SACA,WACA,YACA,egCJ4B,ChCK5B,WACA,6CgCFA,+BA7BF,oBA8BI,gBAEA,sBACE,iBAKN,2DACE,4CACA,wCAEA,mIAEE,4CAMA,yKACE,8DAIJ,8EACE,8DAIJ,uCACE,sDACA,sDAEA,6CACE,4DAGF,8CACE,6DAGF,0DACE,qDACA,SACA,uCAGF,8DACE,yBAGF,gEACE,2BAIJ,wCACE,mBACA,4CACA,wCACA,yBAIE,mIACE,qCAIJ,2DACE,yCACA,gBAEA,mIAEE,qCAIJ,+DACE,6BAGF,iEACE,6BAIJ,oBACE,aACA,mBACA,WACA,YACA,gBAGF,uBACE,cACA,6BACA,yBACA,8BACA,4BACA,aAGF,yBACE,cACA,8BACA,yBACA,8BACA,wBACA,aAGF,mBACE,kBACA,SACA,YACA,UACA,UACA,qCACA,kDACA,iBpCpLiB,CoCqLjB,oEACA,yDACA,yBACA,8BACA,2BAEA,+BAfF,mBAgBI,iBAIJ,qBACE,kBACA,clClKe,CkCmKf,elC7KW,CkC8KX,8BACA,iBAIA,0CACE,clC/Lc,CkCkMhB,yCACE,UnCnJQ,CmCoJR,WnClLO,CmCuLT,6CACE,4BAIJ,uBACE,SACA,kBAGF,wBACE,YACA,mBAGF,2BACE,2BAEA,gDACE,gB","sources":["node_modules/@primer/css/support/mixins/color-modes.scss","node_modules/@primer/css/core/index.scss","node_modules/@primer/css/actionlist/action-list.scss","node_modules/@primer/css/product/index.scss","node_modules/@primer/css/alerts/flash.scss","node_modules/@primer/css/support/variables/misc.scss","node_modules/@primer/css/support/variables/layout.scss","node_modules/@primer/css/support/variables/typography.scss","node_modules/@primer/css/autocomplete/autocomplete.scss","node_modules/@primer/css/support/mixins/misc.scss","node_modules/@primer/css/autocomplete/suggester.scss","node_modules/@primer/css/avatars/avatar.scss","node_modules/@primer/css/avatars/avatar-parent-child.scss","node_modules/@primer/css/avatars/avatar-stack.scss","node_modules/@primer/css/avatars/circle-badge.scss","node_modules/@primer/css/blankslate/blankslate.scss","node_modules/@primer/css/branch-name/branch-name.scss","node_modules/@primer/css/dropdown/dropdown.scss","node_modules/@primer/css/header/header.scss","node_modules/@primer/css/labels/issue-labels.scss","node_modules/@primer/css/labels/mixins.scss","node_modules/@primer/css/labels/labels.scss","node_modules/@primer/css/labels/states.scss","node_modules/@primer/css/labels/counters.scss","node_modules/@primer/css/labels/diffstat.scss","node_modules/@primer/css/loaders/loaders.scss","node_modules/@primer/css/markdown/markdown-body.scss","node_modules/@primer/css/markdown/headings.scss","node_modules/@primer/css/markdown/lists.scss","node_modules/@primer/css/markdown/tables.scss","node_modules/@primer/css/markdown/images.scss","node_modules/@primer/css/markdown/code.scss","node_modules/@primer/css/markdown/blob-csv.scss","node_modules/@primer/css/markdown/footnotes.scss","node_modules/@primer/css/popover/popover.scss","node_modules/@primer/css/support/mixins/layout.scss","node_modules/@primer/css/progress/progress.scss","node_modules/@primer/css/select-menu/select-menu.scss","node_modules/@primer/css/subhead/subhead.scss","node_modules/@primer/css/timeline/timeline-item.scss","node_modules/@primer/css/toasts/toasts.scss","node_modules/@primer/css/toggle-switch/toggle-switch.scss"],"sourcesContent":["@mixin color-mode-theme($theme-name, $include-root: false) {\n @if $include-root {\n :root,\n [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n @content;\n\n /*! */ // This is a fix for a cssstats bug see https://github.com/cssstats/cssstats/issues/331\n }\n }\n\n @else {\n [data-color-mode=\"light\"][data-light-theme=\"#{$theme-name}\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"#{$theme-name}\"] {\n @content;\n }\n }\n\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-light-theme=\"#{$theme-name}\"] {\n @content;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme=\"#{$theme-name}\"] {\n @content;\n }\n }\n}\n\n@mixin color-mode($mode) {\n @if $mode == light {\n :root,\n [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n @content;\n }\n }\n\n @else {\n [data-color-mode=\"light\"][data-light-theme*=\"#{$mode}\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"#{$mode}\"] {\n @content;\n }\n }\n\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"][data-light-theme*=\"#{$mode}\"] {\n @content;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"][data-dark-theme*=\"#{$mode}\"] {\n @content;\n }\n }\n}\n\n// This mixin takes a map of color mode vars and splits them into dark and light mode\n// The goal is to reduce the amount of dark/light mode selectors compiled.\n//\n// Example input for $color-map\n//\n// @include color-variables((\"custom-css-variable-1\": (\n// light: var(--color-scale-gray-3),\n// dark: var(--color-scale-gray-5)\n// ),\n// \"custom-css-variable-2\": (\n// light: var(--color-scale-gray-2),\n// dark: var(--color-scale-gray-6)\n// ),\n// \"custom-css-variable-3\": (\n// light: var(--color-scale-gray-2),\n// dark: var(--color-scale-gray-6)\n// )\n// ));\n@mixin color-variables($color-map) {\n // Create map to store incoming variables\n $dark-colors: ();\n $light-colors: ();\n\n @each $name, $value in $color-map {\n @each $type, $color in $value {\n @if $type == dark {\n $dark-colors: append($dark-colors, (--color-#{$name}, #{$color}));\n }\n\n @else {\n $light-colors: append($light-colors, (--color-#{$name}, #{$color}));\n }\n }\n }\n\n $mode-colors: (\n dark: $dark-colors,\n light: $light-colors\n );\n\n // Loop through sorted list\n @each $mode, $variables in $mode-colors {\n @include color-mode($mode) {\n @each $prop, $val in $variables {\n #{$prop}: $val;\n }\n }\n }\n}\n","/*!\n * @primer/css/core\n * http://primer.style/css\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */\n\n// Global requirements\n@import '../support/index.scss';\n\n// Color modes\n\n// Core modules\n@import '../actionlist/index.scss';\n@import '../base/index.scss';\n@import '../box/index.scss';\n@import '../breadcrumb/index.scss';\n@import '../buttons/index.scss';\n@import '../table-object/index.scss';\n@import '../forms/index.scss';\n@import '../layout/index.scss';\n@import '../links/index.scss';\n@import '../navigation/index.scss';\n@import '../pagination/index.scss';\n@import '../tooltips/index.scss';\n@import '../truncate/index.scss';\n@import '../overlay/index.scss';\n\n// Utilities always go last so that they can override components\n@import '../utilities/index.scss';\n","// <ul>\n.ActionList {\n padding: $spacer-2;\n}\n\n// full bleed\n.ActionList--full {\n padding: 0;\n}\n\n// nested list within main ActionList\n.ActionList--subGroup {\n padding: 0;\n}\n\n// dividers\n\n.ActionList--divided {\n .ActionList-item-label::before {\n position: absolute;\n top: -$actionList-item-padding-vertical;\n display: block;\n width: 100%;\n height: 1px;\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n // if descriptionWrap--inline exists, move pseudo divider to wrapper\n .ActionList-item-descriptionWrap--inline {\n &::before {\n position: absolute;\n top: -$actionList-item-padding-vertical;\n display: block;\n width: 100%;\n height: $border-width;\n content: '';\n background: var(--color-action-list-item-inline-divider);\n }\n\n // unset the default label pseudo\n .ActionList-item-label::before {\n content: unset;\n }\n }\n\n // hide divider if item is active\n .ActionList-item--navActive {\n // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors\n .ActionList-item-label::before,\n + .ActionList-item .ActionList-item-label::before {\n visibility: hidden;\n }\n }\n}\n\n// hide if item is first of type with label::before, or is the first item after a sectionDivider\n.ActionList-item:first-of-type .ActionList-item-label::before,\n.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {\n visibility: hidden;\n}\n\n// hide if item is first of type with label::before, or is the first item after a sectionDivider\n.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,\n.ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {\n visibility: hidden;\n}\n","/*!\n * @primer/css/product\n * http://primer.style/css\n *\n * Released under MIT license. Copyright (c) 2019 GitHub Inc.\n */\n\n// Global requirements\n@import '../support/index.scss';\n\n// Product specific css modules\n@import '../alerts/index.scss';\n@import '../autocomplete/index.scss';\n@import '../avatars/index.scss';\n@import '../blankslate/index.scss';\n@import '../branch-name/index.scss';\n@import '../dropdown/index.scss';\n@import '../header/index.scss';\n@import '../labels/index.scss';\n@import '../loaders/index.scss';\n@import '../markdown/index.scss';\n@import '../popover/index.scss';\n@import '../progress/index.scss';\n@import '../select-menu/index.scss';\n@import '../subhead/index.scss';\n@import '../timeline/index.scss';\n@import '../toasts/index.scss';\n@import '../toggle-switch/index.scss';\n","// stylelint-disable selector-max-type, no-duplicate-selectors\n\n// Default flash\n.flash {\n position: relative;\n // stylelint-disable-next-line primer/spacing\n padding: 20px $spacer-3;\n border-style: $border-style;\n border-width: $border-width;\n border-radius: $border-radius;\n\n p:last-child {\n margin-bottom: 0;\n }\n\n .octicon {\n // stylelint-disable-next-line primer/spacing\n margin-right: 12px;\n }\n}\n\n// Contain the flash messages\n.flash-messages {\n margin-bottom: $spacer-4;\n}\n\n// Close button\n.flash-close {\n float: right;\n padding: $spacer-3;\n margin: -$spacer-3;\n text-align: center;\n cursor: pointer;\n\n // Undo `<button>` styles\n background: none;\n border: 0;\n appearance: none;\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.5;\n }\n\n .octicon {\n margin-right: 0;\n }\n}\n\n// Action button\n.flash-action {\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-top: -3px;\n margin-left: $spacer-4;\n background-clip: padding-box;\n\n &.btn .octicon {\n margin-right: $spacer-1;\n color: var(--color-fg-muted);\n }\n\n &.btn-primary {\n background-clip: border-box;\n\n .octicon {\n color: inherit;\n }\n }\n}\n\n//\n// Color variations\n//\n\n.flash {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n border-color: var(--color-accent-muted);\n\n .octicon {\n color: var(--color-accent-fg);\n }\n}\n\n.flash-warn {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n border-color: var(--color-attention-muted);\n\n .octicon {\n color: var(--color-attention-fg);\n }\n}\n\n.flash-error {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n border-color: var(--color-danger-muted);\n\n .octicon {\n color: var(--color-danger-fg);\n }\n}\n\n.flash-success {\n color: var(--color-fg-default);\n background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n border-color: var(--color-success-muted);\n\n .octicon {\n color: var(--color-success-fg);\n }\n}\n\n//\n// Layout variations\n//\n\n.flash-full {\n // stylelint-disable-next-line primer/spacing\n margin-top: -1px;\n border-width: $border-width 0;\n border-radius: 0;\n}\n\n// A banner rendered at the top of the page.\n.flash-banner {\n position: fixed;\n top: 0;\n z-index: 90;\n width: 100%;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n// Makes sure the background is opaque to cover any content underneath\n.flash-full,\n.flash-banner {\n background-color: var(--color-canvas-default);\n}\n\n// FIXME deprecate this\n.warning {\n padding: $em-spacer-5;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 0.8em;\n font-weight: $font-weight-bold;\n background-color: var(--color-attention-subtle);\n}\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-default) !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","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: $spacer * 0.5 !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Increases the core spacing scale first by 8px for $spacer-7, then by 16px\n// increments from $spacer-8 to $spacer-12, i.e. after 40px, we have 48, 64,\n// 80, 96, etc.\n$spacer-7: $spacer * 6 !default; // 48px\n$spacer-8: $spacer * 8 !default; // 64px\n$spacer-9: $spacer * 10 !default; // 80px\n$spacer-10: $spacer * 12 !default; // 96px\n$spacer-11: $spacer * 14 !default; // 112px\n$spacer-12: $spacer * 16 !default; // 128px\n\n$spacers-large: (\n 7: $spacer-7,\n 8: $spacer-8,\n 9: $spacer-9,\n 10: $spacer-10,\n 11: $spacer-11,\n 12: $spacer-12,\n) !default;\n\n$spacer-map-extended: map-merge(\n (\n 0: 0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n ),\n $spacers-large,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Size scale\n// Used for buttons, inputs, labels, avatars etc.\n$size: 16px !default;\n\n$size-0: 0 !default;\n$size-1: $size !default; // 16px\n$size-2: $size-1 + 4px !default; // 20px\n$size-3: $size-2 + 4px !default; // 24px\n$size-4: $size-3 + 4px !default; // 28px\n$size-5: $size-4 + 4px !default; // 32px\n$size-6: $size-5 + 8px !default; // 40px\n$size-7: $size-6 + 8px !default; // 48px\n$size-8: $size-7 + 16px !default; // 64px\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n$responsive-variants: (\n '': '',\n sm: '-sm',\n md: '-md',\n lg: '-lg',\n xl: '-xl',\n) !default;\n\n// responsive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n\n$sidebar-width: (\n sm: 220px,\n md: 256px,\n lg: 296px\n) !default;\n\n$sidebar-narrow-width: (\n md: 240px,\n lg: 256px\n) !default;\n\n$sidebar-wide-width: (\n lg: 320px,\n xl: 336px\n) !default;\n\n$gutter: (\n md: $spacer-3,\n lg: $spacer-4,\n xl: $spacer-5\n) !default;\n\n$gutter-condensed: (\n md: $spacer-3,\n lg: $spacer-3,\n xl: $spacer-4\n) !default;\n\n$gutter-spacious: (\n md: $spacer-4,\n lg: $spacer-5,\n xl: $spacer-6\n) !default;\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","// This file can be deprecated when AutoComplete is upstreamed to PVC + rolled out to dotcom https://github.com/github/primer/issues/796\n// AutoComplete relies on FormControl, Overlay and ActionList CSS\n\n// Stacked label (default)\n.autocomplete-label-stacked {\n display: block;\n margin-bottom: $spacer-2 * 0.75;\n}\n\n// Inline label (non-default)\n.autocomplete-label-inline {\n display: inline;\n margin-right: $spacer-2 * 0.75;\n}\n\n// Switch to stacked at smaller viewport\n@media (max-width: $width-sm) {\n .autocomplete-label-inline {\n display: block;\n margin-bottom: $spacer-2 * 0.75;\n }\n}\n\n// Wrapper for the input and result elements to ensure alignment\n.autocomplete-body {\n position: relative;\n display: inline;\n}\n\n// Wrapper and conditional styles for when an icon is added\n.autocomplete-embedded-icon-wrap {\n display: inline-flex;\n padding: $spacer-1 $spacer-2;\n align-items: center;\n\n &:focus-within {\n border-color: var(--color-accent-fg);\n\n @include focusBoxShadowInset;\n }\n\n .form-control {\n padding: 0;\n margin-left: $spacer-2;\n // stylelint-disable-next-line\n border: none;\n box-shadow: none;\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: none;\n }\n }\n}\n\n// A pop up list of items used to show autocompleted results\n.autocomplete-results {\n position: absolute;\n left: 0;\n z-index: 99;\n width: max-content;\n min-width: 100%;\n max-height: 20em;\n overflow-y: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 13px;\n list-style: none;\n background: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-medium);\n}\n\n// One of the items that appears within an autocomplete group\n// Bold black text on white background\n\n.autocomplete-item {\n display: block;\n width: 100%;\n padding: $spacer-1 $spacer-2;\n overflow: hidden;\n font-weight: $font-weight-bold;\n color: var(--color-fg-default);\n text-align: left;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n // Inherit color on all child elements to ensure enough contrast\n * {\n color: inherit !important;\n }\n }\n\n &.selected,\n &[aria-selected='true'],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n // Inherit color on all child elements to ensure enough contrast\n * {\n color: inherit !important;\n }\n }\n}\n","// Generate a two-color caret for any element.\n@mixin double-caret($background: var(--color-canvas-default), $border: var(--color-border-default)) {\n &::after,\n &::before {\n position: absolute;\n top: 11px;\n right: 100%;\n left: -8px;\n display: block;\n width: 8px;\n height: 16px;\n pointer-events: none;\n content: ' ';\n clip-path: polygon(0 50%, 100% 0, 100% 100%);\n }\n\n &::after {\n // stylelint-disable-next-line primer/spacing\n margin-left: 2px;\n background-color: var(--color-canvas-default);\n background-image: linear-gradient($background, $background);\n }\n\n &::before {\n background-color: $border;\n }\n}\n\n// global focus styles\n\n// inset box-shadow for form controls\n@mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--color-accent-fg)) {\n border-color: var(--color-accent-fg);\n outline: none;\n box-shadow: inset 0 0 0 $outlineWidth $outlineColor;\n}\n\n// box-shadow for :target styles (no inset)\n// !important to override PCSS utilities\n@mixin targetBoxShadow($outlineWidth: 2px, $outlineColor: var(--color-accent-fg)) {\n outline: none !important;\n box-shadow: 0 0 0 $outlineWidth $outlineColor !important;\n}\n\n// outline\n@mixin focusOutline($outlineOffset: -2px, $outlineColor: var(--color-accent-fg)) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n\n// outline with fg box-shadow for buttons\n@mixin focusOutlineOnEmphasis($outlineOffset: -2px, $outlineColor: var(--color-accent-fg)) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);\n}\n\n// if min-width is undefined, return only min-height\n@mixin minTouchTarget($min-height: 32px, $min-width: '') {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n min-height: $min-height;\n content: '';\n transform: translateX(-50%) translateY(-50%);\n\n @if $min-width != '' {\n min-width: $min-width;\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type, selector-no-qualifying-type\n\n.suggester {\n position: relative;\n top: 0;\n left: 0;\n min-width: 180px;\n padding: 0;\n margin: 0;\n margin-top: $spacer-4;\n list-style: none;\n cursor: pointer;\n background: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-medium);\n\n li {\n display: block;\n padding: $spacer-1 $spacer-2;\n font-weight: $font-weight-semibold;\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n small {\n font-weight: $font-weight-normal;\n color: var(--color-fg-muted);\n }\n\n &:last-child {\n border-bottom: 0;\n border-bottom-right-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n }\n\n &:first-child {\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background: var(--color-accent-emphasis);\n\n small {\n color: var(--color-fg-on-emphasis);\n }\n\n .octicon {\n color: inherit !important;\n }\n }\n\n &[aria-selected='true'],\n &.navigation-focus {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background: var(--color-accent-emphasis);\n\n small {\n color: var(--color-fg-on-emphasis);\n }\n\n .octicon {\n color: inherit !important;\n }\n }\n }\n}\n\n.suggester-container {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n}\n\n// Responsive\n\n.page-responsive {\n @media (max-width: $width-sm) {\n .suggester-container {\n right: $spacer-2 !important;\n left: $spacer-2 !important;\n }\n\n .suggester li {\n padding: $spacer-2 $spacer-3;\n }\n }\n}\n",".avatar {\n display: inline-block;\n overflow: hidden; // Ensure page layout in Firefox should images fail to load\n line-height: $lh-condensed-ultra;\n vertical-align: middle;\n background-color: var(--color-avatar-bg); // adds opaque bg to transparent avatars\n border-radius: $border-radius;\n flex-shrink: 0;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: 0 0 0 1px var(--color-avatar-border);\n}\n\n.avatar-link {\n float: left;\n line-height: $lh-condensed-ultra;\n}\n\n// User for example on /stars and /user for grids of avatars\n.avatar-group-item {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 3px;\n}\n\n// Border radius\n\n.avatar-1,\n.avatar-2,\n.avatar-small {\n // stylelint-disable-next-line primer/borders\n border-radius: $border-radius-1;\n}\n\n// Sizes\n\n@mixin avatar-size( $size ) {\n width: $size;\n height: $size;\n}\n\n.avatar-1 { @include avatar-size( $size-1 ); }\n.avatar-2 { @include avatar-size( $size-2 ); }\n.avatar-3 { @include avatar-size( $size-3 ); }\n.avatar-4 { @include avatar-size( $size-4 ); }\n.avatar-5 { @include avatar-size( $size-5 ); }\n.avatar-6 { @include avatar-size( $size-6 ); }\n.avatar-7 { @include avatar-size( $size-7 ); }\n.avatar-8 { @include avatar-size( $size-8 ); }\n","// .avatar-parent-child is when you see a small avatar at the bottom right\n// corner of a larger avatar.\n//\n// No Styleguide version\n.avatar-parent-child {\n position: relative;\n}\n\n.avatar-child {\n position: absolute;\n right: -15%;\n bottom: -9%;\n background-color: var(--color-canvas-default); // For transparent backgrounds\n // stylelint-disable-next-line primer/borders\n border-radius: $border-radius-1;\n box-shadow: var(--color-avatar-child-shadow);\n}\n","// Stacked avatars can be used to show who is participating in thread when\n// there is limited space available.\n\n.AvatarStack {\n position: relative;\n min-width: 26px;\n height: 20px;\n\n .AvatarStack-body {\n position: absolute;\n }\n\n &.AvatarStack--two {\n min-width: 36px;\n }\n\n &.AvatarStack--three-plus {\n min-width: 46px;\n }\n}\n\n.AvatarStack-body {\n display: flex;\n background: var(--color-canvas-default);\n\n .avatar {\n position: relative;\n z-index: 2;\n display: flex;\n width: 20px;\n height: 20px;\n box-sizing: content-box;\n // stylelint-disable-next-line primer/spacing\n margin-right: -11px;\n background-color: var(--color-canvas-default);\n border-right: $border-width $border-style var(--color-canvas-default);\n // stylelint-disable-next-line primer/borders\n border-radius: $border-radius-1;\n box-shadow: none;\n transition: margin 0.1s ease-in-out;\n\n &:first-child {\n z-index: 3;\n }\n\n &:last-child {\n z-index: 1;\n border-right: 0;\n }\n\n // stylelint-disable selector-max-type\n img {\n // stylelint-disable-next-line primer/borders\n border-radius: $border-radius-1;\n }\n // stylelint-enable selector-max-type\n\n // Account for 4+ avatars\n &:nth-child(n+4) {\n display: none;\n opacity: 0;\n }\n }\n\n &:hover {\n .avatar {\n // stylelint-disable-next-line primer/spacing\n margin-right: 3px;\n }\n\n // stylelint-disable-next-line selector-max-specificity\n .avatar:nth-child(n+4) {\n display: flex;\n opacity: 1;\n }\n\n .avatar-more {\n display: none !important;\n }\n }\n}\n\n.avatar.avatar-more {\n z-index: 1;\n margin-right: 0;\n background: var(--color-canvas-subtle);\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n height: 20px;\n content: '';\n // stylelint-disable-next-line primer/borders\n border-radius: 2px;\n outline: $border-width $border-style var(--color-canvas-default);\n }\n\n &::before {\n width: 17px;\n background: var(--color-avatar-stack-fade-more);\n }\n\n &::after {\n width: 14px;\n background: var(--color-avatar-stack-fade);\n }\n}\n\n// Right aligned variation\n\n.AvatarStack--right {\n .AvatarStack-body {\n right: 0;\n flex-direction: row-reverse;\n\n &:hover .avatar {\n margin-right: 0;\n // stylelint-disable-next-line primer/spacing\n margin-left: 3px;\n }\n }\n\n .avatar.avatar-more {\n background: var(--color-avatar-stack-fade);\n\n &::before {\n width: 5px;\n }\n\n &::after {\n width: 2px;\n background: var(--color-canvas-subtle);\n }\n }\n\n .avatar {\n margin-right: 0;\n // stylelint-disable-next-line primer/spacing\n margin-left: -11px;\n border-right: 0;\n border-left: $border-width $border-style var(--color-canvas-default);\n }\n}\n","// Circle badge icon with drop shadow for icons and logos\n\n.CircleBadge {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--color-canvas-default);\n border-radius: 50%;\n box-shadow: var(--color-shadow-medium);\n}\n\n.CircleBadge-icon {\n max-width: 60% !important;\n height: auto !important;\n max-height: 55% !important;\n}\n\n// Small badge\n.CircleBadge--small {\n width: 56px;\n height: 56px;\n}\n\n// Medium badge\n.CircleBadge--medium {\n width: 96px;\n height: 96px;\n}\n\n// Large badge\n.CircleBadge--large {\n width: 128px;\n height: 128px;\n}\n\n// Dashed line that connects badges..\n// Wrap around 2 or more badges to create a horizonal line:\n\n.DashedConnection {\n position: relative;\n\n &::before {\n position: absolute;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n // stylelint-disable-next-line primer/borders\n border-bottom: 2px dashed var(--color-border-default);\n }\n\n .CircleBadge {\n position: relative;\n }\n}\n","// stylelint-disable selector-max-type\n.blankslate {\n position: relative;\n padding: $spacer-5;\n text-align: center;\n\n p {\n color: var(--color-fg-muted);\n }\n\n code {\n // stylelint-disable-next-line primer/spacing\n padding: 2px 5px 3px;\n font-size: $h5-size;\n background: var(--color-canvas-default);\n border: $border-width $border-style var(--color-border-muted);\n border-radius: $border-radius;\n }\n\n img {\n width: 56px;\n height: 56px;\n }\n}\n\n.blankslate-icon {\n margin-right: $spacer-1;\n margin-bottom: $spacer-2;\n margin-left: $spacer-1;\n color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n margin-bottom: $spacer-3;\n}\n\n.blankslate-heading {\n margin-bottom: $spacer-1;\n}\n\n.blankslate-action {\n margin-top: $spacer-3;\n\n &:first-of-type {\n margin-top: $spacer-4;\n }\n\n &:last-of-type {\n margin-bottom: $spacer-2;\n }\n}\n\n.blankslate-capped {\n border-radius: 0 0 $border-radius $border-radius;\n}\n\n.blankslate-spacious {\n padding: ($spacer-6 * 2) $spacer-6;\n}\n\n.blankslate-narrow {\n max-width: 485px;\n margin: 0 auto;\n}\n\n// was .large-format\n// QUESTION: should we deprecate this?\n.blankslate-large {\n img {\n width: 80px;\n height: 80px;\n }\n\n h3 {\n margin: $spacer-3 0;\n //font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size?\n font-size: $h2-size;\n }\n\n p {\n font-size: $h4-size;\n }\n}\n\n// was .clean-background\n// TO DO: deprecate this and use utility instead\n.blankslate-clean-background {\n border: 0;\n}\n","// 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-fg-muted);\n word-break: break-all;\n background-color: var(--color-accent-subtle);\n border-radius: $border-radius;\n\n .octicon {\n // stylelint-disable-next-line primer/spacing\n margin: 1px -2px 0 0;\n color: var(--color-fg-muted);\n }\n}\n\n// When a branch name is a link\n\na.branch-name {\n color: var(--color-accent-fg);\n background-color: var(--color-accent-subtle);\n\n .octicon {\n color: var(--color-accent-fg);\n }\n}\n",".dropdown {\n position: relative;\n}\n\n.dropdown-caret {\n display: inline-block;\n width: 0;\n height: 0;\n vertical-align: middle;\n content: '';\n border-style: $border-style;\n // stylelint-disable-next-line primer/borders\n border-width: $spacer-1 $spacer-1 0;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n}\n\n// Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which\n// way the menu should render from the element triggering it.\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 100;\n width: 160px;\n padding-top: $spacer-1;\n padding-bottom: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-top: 2px;\n list-style: none;\n background-color: var(--color-canvas-overlay);\n background-clip: padding-box;\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-large);\n\n &::before,\n &::after {\n position: absolute;\n display: inline-block;\n content: '';\n }\n\n // caret border\n &::before {\n // stylelint-disable-next-line primer/borders\n border: $spacer-2 $border-style transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n // caret background (should match dropdown background)\n &::after {\n // stylelint-disable-next-line primer/borders\n border: 7px $border-style transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n\n // stylelint-disable-next-line selector-max-type\n > ul {\n list-style: none;\n }\n}\n\n.dropdown-menu-no-overflow {\n width: auto;\n\n .dropdown-item {\n padding: $spacer-1 $spacer-3;\n overflow: visible;\n text-overflow: inherit;\n }\n}\n\n// Dropdown items (can be links or buttons)\n.dropdown-item {\n display: block;\n padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3;\n overflow: hidden;\n color: var(--color-fg-default);\n text-overflow: ellipsis;\n white-space: nowrap;\n\n &:hover {\n color: var(--color-fg-on-emphasis);\n text-decoration: none;\n background-color: var(--color-accent-emphasis);\n\n > .octicon {\n color: inherit;\n opacity: 1;\n }\n\n [class*='color-text-'] {\n color: inherit !important;\n }\n\n > .Label {\n color: inherit !important;\n border-color: currentColor;\n }\n }\n\n &.btn-link {\n width: 100%;\n text-align: left;\n }\n}\n\n.dropdown-signout {\n width: 100%;\n text-align: left;\n background: none;\n border: 0;\n}\n\n.dropdown-divider {\n display: block;\n height: 0;\n margin: $spacer-2 0;\n border-top: $border-width $border-style var(--color-border-default);\n}\n\n.dropdown-header {\n padding: $spacer-1 $spacer-3;\n font-size: $h6-size;\n color: var(--color-fg-muted);\n}\n\n.dropdown-item[aria-checked='false'] .octicon-check {\n display: none;\n}\n\n// Directional classes\n//\n// Move the menu and the caret attached to it. Requires at least one of these on\n// the `.dropdown-menu` element.\n\n.dropdown-menu-w {\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: $spacer-2;\n\n &::before {\n top: 10px;\n right: -$spacer-3;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-e {\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: $spacer-2;\n\n &::before {\n top: 10px;\n left: -$spacer-3;\n border-color: transparent;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n.dropdown-menu-ne {\n top: auto;\n bottom: 100%;\n left: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -$spacer-2;\n left: 9px;\n // stylelint-disable-next-line primer/borders\n border-top: $spacer-2 $border-style var(--color-border-default);\n // stylelint-disable-next-line primer/borders\n border-right: $spacer-2 $border-style transparent;\n border-bottom: 0;\n // stylelint-disable-next-line primer/borders\n border-left: $spacer-2 $border-style transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n // stylelint-disable-next-line primer/borders\n border-top: 7px $border-style var(--color-canvas-overlay);\n // stylelint-disable-next-line primer/borders\n border-right: 7px $border-style transparent;\n border-bottom: 0;\n // stylelint-disable-next-line primer/borders\n border-left: 7px $border-style transparent;\n }\n}\n\n.dropdown-menu-s {\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -$spacer-3;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n}\n\n.dropdown-menu-sw {\n right: 0;\n left: auto;\n\n &::before {\n top: -$spacer-3;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n}\n\n.dropdown-menu-se {\n &::before {\n top: -$spacer-3;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n}\n",".Header {\n z-index: 32; // TODO: Figure out z-index system\n display: flex;\n padding: $spacer-3;\n font-size: $h5-size;\n line-height: $lh-default;\n color: var(--color-header-text);\n background-color: var(--color-header-bg);\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.Header-item {\n display: flex;\n margin-right: $spacer-3;\n align-self: stretch;\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.Header-item--full {\n flex: auto;\n}\n\n.Header-link {\n font-weight: $font-weight-bold;\n color: var(--color-header-logo);\n white-space: nowrap;\n\n &:hover,\n &:focus {\n color: var(--color-header-text);\n text-decoration: none;\n }\n}\n\n.Header-input {\n color: var(--color-header-text);\n background-color: var(--color-header-search-bg);\n border: $border-width $border-style var(--color-header-search-border);\n box-shadow: none;\n\n &::placeholder {\n // stylelint-disable-next-line primer/colors\n color: rgba(255, 255, 255, 0.75);\n }\n}\n","// Issue Labels\n\n// TODO: Replace with .Label once solid backgrounds are supported\n\n.IssueLabel {\n @include labels-base;\n\n .g-emoji {\n position: relative;\n top: -0.05em;\n display: inline-block;\n font-size: 1em;\n line-height: $lh-condensed-ultra;\n }\n\n &:hover {\n text-decoration: none;\n }\n}\n\n.IssueLabel--big {\n @include labels-large;\n}\n","// Label mixins\n\n// Default: 20px\n// Large: 24px\n// Inline: em based\n\n@mixin labels-base {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: 0 7px;\n font-size: $font-size-small;\n font-weight: $font-weight-semibold;\n line-height: 18px;\n white-space: nowrap;\n border: $border-width $border-style transparent;\n border-radius: 2em;\n}\n\n@mixin labels-large {\n // stylelint-disable-next-line primer/spacing\n padding-right: 10px;\n // stylelint-disable-next-line primer/spacing\n padding-left: 10px;\n line-height: 22px;\n}\n\n// Inline\n//\n// Doesn't increase height of parent element\n// Can be used with different font-sizes\n\n@mixin labels--inline {\n display: inline;\n // stylelint-disable-next-line primer/spacing\n padding: 0.12em $em-spacer-5;\n font-size: 85%;\n}\n","// Labels\n\n// Provide a wrapper to ensure labels stick together\n.labels {\n position: relative;\n}\n\n// Default label\n\n.label, // TODO: Deprecate\n.Label {\n @include labels-base;\n\n border-color: var(--color-border-default);\n\n &:hover {\n text-decoration: none;\n }\n}\n\n// Large\n\n.Label--large {\n @include labels-large;\n}\n\n// Inline\n\n.Label--inline {\n @include labels--inline;\n}\n\n// Contrast\n\n.Label--primary {\n color: var(--color-fg-default);\n border-color: var(--color-neutral-emphasis);\n}\n\n.Label--secondary {\n color: var(--color-fg-muted);\n border-color: var(--color-border-default);\n}\n\n// Colors\n\n.Label--info, // TODO: deprecate\n.Label--accent {\n color: var(--color-accent-fg);\n border-color: var(--color-accent-emphasis);\n}\n\n.Label--success {\n color: var(--color-success-fg);\n border-color: var(--color-success-emphasis);\n}\n\n.Label--warning, // TODO: deprecate\n.Label--attention {\n color: var(--color-attention-fg);\n border-color: var(--color-attention-emphasis);\n}\n\n.Label--severe {\n color: var(--color-severe-fg);\n border-color: var(--color-severe-emphasis);\n}\n\n.Label--danger {\n color: var(--color-danger-fg);\n border-color: var(--color-danger-emphasis);\n}\n\n.Label--open {\n color: var(--color-open-fg);\n border-color: var(--color-open-emphasis);\n}\n\n.Label--closed {\n color: var(--color-closed-fg);\n border-color: var(--color-closed-emphasis);\n}\n\n.Label--done {\n color: var(--color-done-fg);\n border-color: var(--color-done-emphasis);\n}\n\n.Label--sponsors {\n color: var(--color-sponsors-fg);\n border-color: var(--color-sponsors-emphasis);\n}\n","// A rounded corner box containing a label \"open\" or \"closed\"\n\n// Default 32px\n// Small 24px\n\n.state, // TODO: Deprecate\n.State {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 12px;\n font-size: $body-font-size;\n font-weight: $font-weight-semibold;\n // stylelint-disable-next-line primer/typography\n line-height: 20px;\n text-align: center;\n white-space: nowrap;\n // stylelint-disable-next-line primer/borders\n border-radius: 2em;\n}\n\n.state, // TODO: Deprecate\n.State,\n.State--draft {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n border: $border-width $border-style transparent;\n}\n\n.State--open {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-open-emphasis);\n}\n\n.State--merged {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-done-emphasis);\n}\n\n.State--closed {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-closed-emphasis);\n}\n\n// Small\n\n.State--small {\n // stylelint-disable-next-line primer/spacing\n padding: 0 10px;\n font-size: $font-size-small;\n // stylelint-disable-next-line primer/typography\n line-height: $size-3;\n\n .octicon {\n width: 1em; // Ensures different icons don't change State indicator width\n }\n}\n","// Counters are rounded-corner badges for numbers\n.Counter {\n display: inline-block;\n min-width: $size-2; // makes sure it's a circle with just one digit\n // stylelint-disable-next-line primer/spacing\n padding: 0 6px;\n font-size: $font-size-small;\n font-weight: $font-weight-semibold;\n // stylelint-disable-next-line primer/typography\n line-height: $size-2 - 2px; // remove borders\n color: var(--color-fg-default);\n text-align: center;\n background-color: var(--color-neutral-muted);\n border: $border-width $border-style var(--color-counter-border);\n // stylelint-disable-next-line primer/borders\n border-radius: 2em;\n\n &:empty {\n display: none;\n }\n\n .octicon {\n vertical-align: text-top;\n opacity: 0.8;\n }\n}\n\n.Counter--primary {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-neutral-emphasis);\n}\n\n.Counter--secondary {\n color: var(--color-fg-muted);\n background-color: var(--color-neutral-subtle);\n}\n","// diffstat\n//\n// Green/red blocks showing additions and deletions\n\n.diffstat {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n color: var(--color-fg-muted);\n white-space: nowrap;\n cursor: default;\n}\n\n.diffstat-block-deleted,\n.diffstat-block-added,\n.diffstat-block-neutral {\n display: inline-block;\n width: $spacer-2;\n height: $spacer-2;\n // stylelint-disable-next-line primer/spacing\n margin-left: 1px;\n outline-offset: -1px; // Support Firefox custom colors\n}\n\n.diffstat-block-deleted {\n background-color: var(--color-danger-emphasis);\n outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-added {\n background-color: var(--color-diffstat-addition-bg);\n outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n\n.diffstat-block-neutral {\n background-color: var(--color-neutral-muted);\n outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors\n}\n","// Loaders\n\n// Animated Ellipsis\n\n.AnimatedEllipsis {\n display: inline-block;\n overflow: hidden;\n vertical-align: bottom;\n\n &::after {\n display: inline-block;\n content: '...';\n animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite;\n }\n\n @keyframes AnimatedEllipsis-keyframes {\n 0% { transform: translateX(-100%); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: '';\n }\n\n &::after {\n display: table;\n clear: both;\n content: '';\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like <a name=\"examples\">. These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of <a href> elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: var(--color-danger-fg);\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n background-color: var(--color-border-default);\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: var(--color-fg-muted);\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style var(--color-border-default);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: var(--color-fg-default);\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n // stylelint-disable-next-line primer/spacing\n padding: 0 0.2em;\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style var(--color-border-muted);\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style var(--color-border-muted);\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: var(--color-fg-muted);\n }\n\n summary {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n display: inline-block;\n\n .anchor {\n // stylelint-disable-next-line primer/spacing\n margin-left: -40px;\n }\n }\n\n h1,\n h2 {\n padding-bottom: 0;\n border-bottom: 0;\n }\n }\n}\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n ol[type='1'] {\n list-style-type: decimal;\n }\n\n ol[type='a'] {\n list-style-type: lower-alpha;\n }\n\n ol[type='i'] {\n list-style-type: lower-roman;\n }\n\n // Reset <ol> style to decimal (HTML default) specifically for AsciiDoc\n // <div><ol> construction (doesn't affect MarkDown)\n div > ol:not([type]) {\n list-style-type: decimal;\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%; // keep for backwards compatibility\n width: max-content;\n max-width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n border: $border-width $border-style var(--color-border-default);\n }\n\n tr {\n background-color: var(--color-canvas-default);\n border-top: $border-width $border-style var(--color-border-muted);\n\n &:nth-child(2n) {\n background-color: var(--color-canvas-subtle);\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: var(--color-canvas-default);\n\n &[align='right'] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align='left'] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `<img>` styles so Emojis don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n border: $border-width $border-style var(--color-border-default);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: var(--color-fg-default);\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n background-color: var(--color-neutral-muted);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n samp {\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n }\n\n pre {\n word-wrap: normal;\n\n code {\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n }\n\n // Code tags within code blocks (<pre>s)\n > code {\n padding: 0;\n margin: 0;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: var(--color-canvas-subtle);\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: var(--color-canvas-default);\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: var(--color-canvas-subtle);\n border-top: 0;\n }\n}\n","// stylelint-disable selector-max-type\n// stylelint-disable selector-max-compound-selectors\n\n.markdown-body {\n [data-footnote-ref] {\n &::before {\n content: '[';\n }\n\n &::after {\n content: ']';\n }\n }\n\n .footnotes {\n font-size: $h6-size;\n color: var(--color-fg-muted);\n border-top: $border;\n\n ol {\n padding-left: $spacer-3;\n }\n\n li {\n position: relative;\n }\n\n li:target::before {\n position: absolute;\n top: -$spacer-2;\n right: -$spacer-2;\n bottom: -$spacer-2;\n left: -$spacer-4;\n pointer-events: none;\n content: '';\n // stylelint-disable-next-line primer/borders\n border: 2px $border-style var(--color-accent-emphasis);\n border-radius: $border-radius;\n }\n\n li:target {\n color: var(--color-fg-default);\n }\n\n .data-footnote-backref g-emoji {\n font-family: monospace;\n }\n }\n}\n",".Popover {\n position: absolute;\n z-index: 100;\n}\n\n.Popover-message {\n position: relative;\n width: 232px;\n margin-right: auto;\n margin-left: auto;\n background-color: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-border-default);\n border-radius: $border-radius;\n\n // Carets\n &::before,\n &::after {\n position: absolute;\n left: 50%;\n display: inline-block;\n content: '';\n }\n\n &::before {\n top: -$spacer-3;\n // stylelint-disable-next-line primer/spacing\n margin-left: -9px;\n // stylelint-disable-next-line primer/borders\n border: $spacer-2 $border-style transparent;\n border-bottom-color: var(--color-border-default);\n }\n\n &::after {\n top: -14px;\n margin-left: -$spacer-2;\n // stylelint-disable-next-line primer/borders\n border: 7px $border-style transparent;\n border-bottom-color: var(--color-canvas-overlay);\n }\n}\n\n// No caret\n.Popover-message--no-caret {\n &::before,\n &::after {\n display: none;\n }\n}\n\n// Bottom-oriented carets\n.Popover-message--bottom,\n.Popover-message--bottom-right,\n.Popover-message--bottom-left {\n &::before,\n &::after {\n top: auto;\n border-bottom-color: transparent;\n }\n\n &::before {\n bottom: -$spacer-3;\n border-top-color: var(--color-border-default);\n }\n\n &::after {\n bottom: -14px;\n border-top-color: var(--color-canvas-overlay);\n }\n}\n\n// Top & Bottom: Right-oriented carets\n.Popover-message--top-right,\n.Popover-message--bottom-right {\n right: -9px;\n margin-right: 0;\n\n &::before,\n &::after {\n left: auto;\n margin-left: 0;\n }\n\n &::before {\n right: 20px;\n }\n\n &::after {\n right: 21px;\n }\n}\n\n// Top & Bottom: Left-oriented carets\n.Popover-message--top-left,\n.Popover-message--bottom-left {\n left: -9px;\n margin-left: 0;\n\n &::before,\n &::after {\n left: $spacer-4;\n margin-left: 0;\n }\n\n &::after {\n left: $spacer-4 + 1;\n }\n}\n\n// Right- & Left-oriented carets\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom,\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: 50%;\n left: auto;\n margin-left: 0;\n border-bottom-color: transparent;\n }\n\n &::before {\n margin-top: -($spacer-2 + 1);\n }\n\n &::after {\n margin-top: -$spacer-2;\n }\n}\n\n// Right-oriented carets\n.Popover-message--right,\n.Popover-message--right-top,\n.Popover-message--right-bottom {\n &::before {\n right: -$spacer-3;\n border-left-color: var(--color-border-default);\n }\n\n &::after {\n right: -14px;\n border-left-color: var(--color-canvas-overlay);\n }\n}\n\n// Left-oriented carets\n.Popover-message--left,\n.Popover-message--left-top,\n.Popover-message--left-bottom {\n &::before {\n left: -$spacer-3;\n border-right-color: var(--color-border-default);\n }\n\n &::after {\n left: -14px;\n border-right-color: var(--color-canvas-overlay);\n }\n}\n\n// Right & Left: Top-oriented carets\n.Popover-message--right-top,\n.Popover-message--left-top {\n &::before,\n &::after {\n top: $spacer-4;\n }\n}\n\n// Right & Left: Bottom-oriented carets\n.Popover-message--right-bottom,\n.Popover-message--left-bottom {\n &::before,\n &::after {\n top: auto;\n }\n\n &::before {\n bottom: $spacer-3;\n }\n\n &::after {\n bottom: $spacer-3 + 1;\n }\n}\n\n.Popover-message--large {\n @include breakpoint(sm) {\n min-width: 320px;\n }\n}\n\n// Responsive Popover\n// For < md it will show full-width anchored to the bottom\n\n@media (max-width: ($width-md - 0.02px)) {\n .Popover {\n position: fixed;\n top: auto !important;\n right: 0 !important;\n bottom: 0 !important;\n left: 0 !important;\n }\n\n .Popover-message {\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n width: auto !important;\n margin: $spacer-2;\n }\n\n // Increase tap area for touch input\n .Popover-message > .btn-octicon {\n padding: $spacer-2 + $spacer-1 !important;\n }\n\n // Remove caret\n .Popover-message::after,\n .Popover-message::before {\n display: none;\n }\n}\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == '' {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. '\n + 'Please make sure it is defined in `$breakpoints` map.';\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: '';\n }\n\n &::after {\n display: table;\n clear: both;\n content: '';\n }\n}\n","// Progress\n\n.Progress {\n display: flex;\n height: 8px;\n overflow: hidden;\n background-color: var(--color-neutral-muted);\n border-radius: $border-radius;\n outline: 1px solid transparent; // Support Firefox custom colors\n}\n\n.Progress--large {\n height: 10px;\n}\n\n.Progress--small {\n height: 5px;\n}\n\n.Progress-item {\n outline: 2px solid transparent; // Support Firefox custom colors\n}\n\n.Progress-item + .Progress-item {\n // stylelint-disable-next-line primer/spacing\n margin-left: 2px;\n}\n","// stylelint-disable selector-max-type\n// selector-max-type is needed for body:not(.intent-mouse) to target keyboard only styles.\n\n$SelectMenu-max-height: 480px !default;\n\n// Select Menu\n//\n// A more advanced menu with support for navigation, filtering, and more.\n\n.SelectMenu {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 99;\n display: flex;\n padding: $spacer-3;\n pointer-events: none;\n flex-direction: column;\n\n @include breakpoint(sm) {\n position: absolute;\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n padding: 0;\n }\n}\n\n// Backdrop\n//\n// Adds a dark, semi transparent \"cover\" underneath the modal. Only visible for xs.\n\n.SelectMenu::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n background-color: var(--color-primer-canvas-backdrop);\n\n @include breakpoint(sm) {\n display: none;\n }\n}\n\n// Modal\n//\n// The main \"box\" that contains the content\n\n.SelectMenu-modal {\n position: relative;\n z-index: 99; // Needs to be higher than .details-overlay's z-index: 80.\n display: flex;\n max-height: 66%;\n margin: auto 0;\n overflow: hidden; // Enables border radius on scrollable child elements\n pointer-events: auto;\n flex-direction: column;\n background-color: var(--color-canvas-overlay);\n border: $border-width $border-style var(--color-select-menu-backdrop-border);\n // stylelint-disable-next-line primer/borders\n border-radius: $border-radius * 2;\n box-shadow: var(--color-shadow-large);\n animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;\n\n @keyframes SelectMenu-modal-animation {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n }\n\n @keyframes SelectMenu-modal-animation--sm {\n 0% {\n opacity: 0;\n transform: translateY(-$spacer-3);\n }\n }\n\n @include breakpoint(sm) {\n width: 300px;\n height: auto;\n max-height: $SelectMenu-max-height;\n margin: $spacer-2 0 $spacer-3 0;\n font-size: $font-size-small;\n border-color: var(--color-border-default);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-large);\n animation-name: SelectMenu-modal-animation--sm;\n }\n}\n\n// Header\n//\n// Used for showing a title and the close button. Close button is only visible for xs.\n\n.SelectMenu-header {\n display: flex;\n padding: $spacer-3;\n flex: none; // fixes header from getting squeezed in Safari iOS\n align-items: center;\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n @include breakpoint(sm) {\n // stylelint-disable-next-line primer/spacing\n padding: 7px 7px 7px $spacer-3;\n }\n}\n\n.SelectMenu-title {\n flex: 1;\n font-size: $body-font-size;\n font-weight: $font-weight-bold;\n\n @include breakpoint(sm) {\n font-size: inherit;\n }\n}\n\n.SelectMenu-closeButton {\n padding: $spacer-3;\n margin: -$spacer-3;\n line-height: 1;\n color: var(--color-fg-muted);\n background-color: transparent;\n border: 0;\n\n @include breakpoint(sm) {\n padding: $spacer-2;\n // stylelint-disable-next-line primer/spacing\n margin: (-$spacer-2) (-7px); // Using -7px fixes a :focus glitch\n }\n}\n\n// Filter\n//\n// An input to filter a large list\n\n.SelectMenu-filter {\n padding: $spacer-3;\n margin: 0;\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n @include breakpoint(sm) {\n padding: $spacer-2;\n }\n}\n\n.SelectMenu-input {\n display: block;\n width: 100%;\n\n @include breakpoint(sm) {\n font-size: $h5-size;\n }\n}\n\n// List\n//\n// The container that holds all the list items. Starts scrolling when the list gets too long.\n\n.SelectMenu-list {\n position: relative;\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: -$border-width; // Hides the last border in the list\n flex: auto;\n overflow-x: hidden;\n overflow-y: auto;\n background-color: var(--color-canvas-overlay);\n -webkit-overflow-scrolling: touch; // Adds momentum + bouncy scrolling\n}\n\n// List Item\n//\n// The interactive element used to make a selection\n\n.SelectMenu-item {\n display: flex;\n align-items: center;\n width: 100%;\n padding: $spacer-3;\n overflow: hidden;\n color: var(--color-fg-default);\n text-align: left;\n cursor: pointer;\n background-color: var(--color-canvas-overlay);\n border: 0;\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n @include breakpoint(sm) {\n // stylelint-disable-next-line primer/spacing\n padding-top: 7px;\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 7px;\n }\n\n // Borderless\n .SelectMenu-list--borderless & {\n border-bottom: 0;\n }\n}\n\n// Icon\n//\n// Icon shown on the left of a list item.\n\n.SelectMenu-icon {\n width: $spacer-3; // fixed width to make sure following content aligns\n margin-right: $spacer-2;\n flex-shrink: 0;\n}\n\n// Check icon\n.SelectMenu-icon--check {\n visibility: hidden;\n transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s 0.12s linear;\n transform: scale(0);\n}\n\n// Tabs\n//\n// Allows switching between multiple lists\n\n.SelectMenu-tabs {\n display: flex;\n flex-shrink: 0;\n overflow-x: auto;\n overflow-y: hidden;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 var(--color-border-muted);\n -webkit-overflow-scrolling: touch;\n\n // Hide scrollbar so it doesn't cover the text\n &::-webkit-scrollbar {\n display: none;\n }\n\n @include breakpoint(sm) {\n padding: $spacer-2 $spacer-2 0 $spacer-2;\n }\n}\n\n.SelectMenu-tab {\n flex: 1;\n padding: $spacer-2 $spacer-3;\n font-size: $font-size-small;\n font-weight: $font-weight-semibold;\n color: var(--color-fg-muted);\n text-align: center;\n background-color: transparent;\n border: 0;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 var(--color-border-muted);\n\n @include breakpoint(sm) {\n flex: none;\n padding: $spacer-1 $spacer-3;\n border: $border-width $border-style transparent;\n border-bottom-width: 0;\n border-top-left-radius: $border-radius;\n border-top-right-radius: $border-radius;\n }\n\n &[aria-selected='true'] {\n z-index: 1; // Keeps box-shadow visible when hovering\n color: var(--color-fg-default);\n cursor: default;\n background-color: var(--color-canvas-overlay);\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: 0 0 0 1px var(--color-border-muted);\n\n @include breakpoint(sm) {\n border-color: var(--color-border-muted);\n box-shadow: none;\n }\n }\n}\n\n// Message\n//\n// A container used to show different kinds of text messages.\n\n.SelectMenu-message {\n // stylelint-disable-next-line primer/spacing\n padding: 7px $spacer-3;\n text-align: center;\n background-color: var(--color-canvas-overlay);\n border-bottom: $border-width $border-style var(--color-border-muted);\n}\n\n// Blankslate and Loading\n//\n// A container used to show a blankslate or the loading animation.\n\n.SelectMenu-blankslate,\n.SelectMenu-loading {\n padding: $spacer-4 $spacer-3;\n text-align: center;\n background-color: var(--color-canvas-overlay);\n}\n\n// Divider\n//\n// Can be used to divide the list into multiple groups\n\n.SelectMenu-divider {\n padding: $spacer-1 $spacer-3;\n margin: 0;\n font-size: $font-size-small;\n font-weight: $font-weight-semibold;\n color: var(--color-fg-muted);\n background-color: var(--color-canvas-subtle);\n border-bottom: $border-width $border-style var(--color-border-muted);\n\n // Borderless\n .SelectMenu-list--borderless & {\n border-top: $border-width $border-style var(--color-border-muted);\n\n &:empty {\n padding: 0;\n border-top: 0;\n }\n }\n}\n\n// Footer\n//\n// A container at the bottom.\n\n.SelectMenu-footer {\n z-index: 0; // Avoid top border from getting covered by the negative margin of the list\n padding: $spacer-2 $spacer-3;\n font-size: $font-size-small;\n color: var(--color-fg-muted);\n text-align: center;\n border-top: $border-width $border-style var(--color-border-muted);\n\n @include breakpoint(sm) {\n // stylelint-disable-next-line primer/spacing\n padding: 7px $spacer-3;\n }\n}\n\n// Has Filter (modifier)\n//\n// Makes sure that the filter input keeps a fixed position at the top while typing. Only visible for xs.\n\n.SelectMenu--hasFilter {\n .SelectMenu-modal {\n height: 80%;\n max-height: none;\n margin-top: 0;\n\n @include breakpoint(sm) {\n height: auto;\n max-height: $SelectMenu-max-height;\n margin-top: $spacer-2;\n }\n }\n}\n\n// States\n//\n// Different states\n\n// Reset outlines\n.SelectMenu-closeButton:focus,\n.SelectMenu-tab:focus,\n.SelectMenu-item:focus {\n outline: 0;\n}\n\n// Reset <a> elements\n.SelectMenu-item:hover {\n text-decoration: none;\n}\n\n// Selected\n//\n// Visible when a user clicks/taps on a list item\n\n.SelectMenu-item[aria-checked='true'] {\n font-weight: $font-weight-semibold;\n color: var(--color-fg-default);\n\n .SelectMenu-icon--check {\n visibility: visible;\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;\n transform: scale(1);\n }\n}\n\n// Disabled\n//\n// Prevent list items to be selected\n\n.SelectMenu-item:disabled,\n.SelectMenu-item[aria-disabled='true'] {\n color: var(--color-primer-fg-disabled);\n pointer-events: none;\n}\n\n// Can hover states\n//\n// For mouse/keyboard input\n\n@media (hover: hover) {\n body:not(.intent-mouse) .SelectMenu-closeButton:focus,\n .SelectMenu-closeButton:hover {\n color: var(--color-fg-default);\n }\n\n .SelectMenu-closeButton:active {\n color: var(--color-fg-muted);\n }\n\n body:not(.intent-mouse) .SelectMenu-item:focus,\n .SelectMenu-item:hover {\n background-color: var(--color-neutral-subtle);\n }\n\n .SelectMenu-item:active {\n background-color: var(--color-canvas-subtle);\n }\n\n body:not(.intent-mouse) .SelectMenu-tab:focus {\n background-color: var(--color-select-menu-tap-focus-bg);\n }\n\n .SelectMenu-tab:hover {\n color: var(--color-fg-default);\n }\n\n .SelectMenu-tab:not([aria-selected='true']):active {\n color: var(--color-fg-default);\n background-color: var(--color-canvas-subtle);\n }\n}\n\n// Can not hover states\n//\n// For touch input\n\n@media (hover: none) {\n // Android\n .SelectMenu-item:focus,\n .SelectMenu-item:active {\n background-color: var(--color-canvas-subtle);\n }\n\n // iOS Safari\n // :active would work if ontouchstart is added to the button\n // Instead this tweaks the \"native\" highlight color\n .SelectMenu-item {\n -webkit-tap-highlight-color: var(--color-select-menu-tap-highlight);\n }\n}\n","// Subhead styles\n.Subhead {\n display: flex;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-3;\n border-bottom: $border-width $border-style var(--color-border-muted);\n flex-flow: row wrap;\n justify-content: flex-end; // Keep actions right aligned.\n}\n\n// Modifier class to give a lot of breathing room between sections of content.\n.Subhead--spacious {\n margin-top: $spacer-6;\n}\n\n// <h2> sized heading with normal font weight\n.Subhead-heading {\n font-size: $h2-size;\n font-weight: $font-weight-normal;\n flex: 1 1 auto;\n order: 0;\n}\n\n// Make the text bold and red for dangerous content\n.Subhead-heading--danger {\n font-weight: $font-weight-bold;\n color: var(--color-danger-fg);\n}\n\n// One-liner of supporting text\n.Subhead-description {\n font-size: $body-font-size;\n color: var(--color-fg-muted);\n flex: 1 100%;\n order: 2;\n}\n\n// Add 1 or 2 buttons to the right of the heading\n.Subhead-actions {\n margin: $spacer-1 0 $spacer-1 $spacer-1;\n align-self: center;\n justify-content: flex-end;\n order: 1;\n\n + .Subhead-description {\n margin-top: $spacer-1;\n }\n}\n",".TimelineItem {\n position: relative;\n display: flex;\n padding: $spacer-3 0;\n margin-left: $spacer-3;\n\n // The Timeline\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 2px;\n content: '';\n background-color: var(--color-border-muted);\n }\n\n &:target .TimelineItem-badge {\n border-color: var(--color-accent-emphasis);\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: 0 0 0.2em var(--color-accent-muted);\n }\n}\n\n.TimelineItem-badge {\n position: relative;\n z-index: 1;\n display: flex;\n width: $spacer-5;\n height: $spacer-5;\n margin-right: $spacer-2;\n margin-left: -$spacer-3 + 1;\n color: var(--color-fg-muted);\n align-items: center;\n background-color: var(--color-timeline-badge-bg);\n // stylelint-disable-next-line primer/borders\n border: 2px $border-style var(--color-canvas-default);\n border-radius: 50%;\n justify-content: center;\n flex-shrink: 0;\n\n &--success {\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-success-emphasis);\n border: $border-width $border-style transparent;\n }\n}\n\n.TimelineItem-body {\n min-width: 0;\n max-width: 100%;\n margin-top: $spacer-1;\n color: var(--color-fg-muted);\n flex: auto;\n}\n\n.TimelineItem-avatar {\n position: absolute;\n left: -($spacer-6 + $spacer-5);\n z-index: 1;\n}\n\n.TimelineItem-break {\n position: relative;\n z-index: 1;\n height: $spacer-4;\n margin: 0;\n margin-bottom: -$spacer-3;\n margin-left: -($spacer-6 + $spacer-3);\n background-color: var(--color-canvas-default);\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-top: 4px $border-style var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n padding-top: $spacer-1;\n padding-bottom: 0;\n\n // TimelineItem--condensed is often grouped. (commits)\n &:last-child {\n padding-bottom: $spacer-3;\n }\n\n .TimelineItem-badge {\n height: $spacer-3;\n margin-top: $spacer-2;\n margin-bottom: $spacer-2;\n color: var(--color-fg-muted);\n background-color: var(--color-canvas-default);\n border: 0;\n }\n}\n","// Toast\n\n.Toast {\n display: flex;\n margin: $spacer-2;\n color: var(--color-fg-default);\n background-color: var(--color-canvas-default);\n border-radius: $border-radius;\n box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n @include breakpoint(sm) {\n width: max-content;\n max-width: 450px;\n margin: $spacer-3;\n }\n}\n\n.Toast-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: $spacer-3 * 3;\n flex-shrink: 0;\n color: var(--color-fg-on-emphasis);\n background-color: var(--color-accent-emphasis);\n border: $border-width $border-style transparent;\n border-right: 0;\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n}\n\n.Toast-content {\n padding: $spacer-3;\n}\n\n.Toast-dismissButton {\n max-height: 54px; // keeps button aligned to the top\n padding: $spacer-3;\n color: inherit;\n background-color: transparent;\n border: 0;\n\n &:hover {\n opacity: 0.7;\n }\n\n &:active {\n opacity: 0.5;\n }\n}\n\n// Modifier\n\n.Toast--loading {\n color: var(--color-fg-default);\n box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n .Toast-icon {\n background-color: var(--color-neutral-emphasis);\n }\n}\n\n.Toast--error {\n color: var(--color-fg-default);\n box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n .Toast-icon {\n background-color: var(--color-danger-emphasis);\n }\n}\n\n.Toast--warning {\n color: var(--color-fg-default);\n box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n .Toast-icon {\n background-color: var(--color-attention-emphasis);\n }\n}\n\n.Toast--success {\n color: var(--color-fg-default);\n box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);\n\n .Toast-icon {\n background-color: var(--color-success-emphasis);\n }\n}\n\n// Animations\n\n.Toast--animateIn {\n animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;\n}\n\n@keyframes Toast--animateIn {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.Toast--animateOut {\n animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards;\n}\n\n@keyframes Toast--animateOut {\n 100% {\n pointer-events: none;\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.Toast--spinner {\n animation: Toast--spinner 1000ms linear infinite;\n}\n\n@keyframes Toast--spinner {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n","// Catalyst in dotcom applies a display: block to all web component elements. This\n// rule overrides it so the status label and toggle switch are laid out correctly.\n.ToggleSwitch.ToggleSwitch {\n display: inline-flex;\n}\n\n.ToggleSwitch {\n align-items: center;\n display: inline-flex;\n gap: $spacer-2;\n\n &:hover {\n .ToggleSwitch-knob {\n background-color: var(--color-btn-hover-bg);\n }\n }\n\n &:active {\n .ToggleSwitch-knob {\n background-color: var(--color-btn-active-bg);\n }\n }\n}\n\n.ToggleSwitch--checked {\n .ToggleSwitch-statusOn {\n height: auto;\n visibility: visible;\n }\n\n .ToggleSwitch-statusOff {\n height: 0;\n visibility: hidden;\n }\n}\n\n.ToggleSwitch-track {\n position: relative;\n display: block;\n width: $spacer-8;\n height: $spacer-5;\n padding: 0;\n overflow: hidden;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: var(--color-switch-track-bg);\n border: $border-width $border-style var(--color-switch-track-border);\n border-radius: $border-radius;\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: background-color, border-color;\n appearance: none;\n\n &:focus,\n &:focus-visible {\n outline-offset: 0;\n }\n\n @media (pointer: coarse) {\n &::before {\n @include minTouchTarget(calc($spacer-6 + $spacer-1));\n }\n }\n\n @media (prefers-reduced-motion) {\n transition: none;\n\n * {\n transition: none;\n }\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'][aria-disabled='true'] {\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n\n &:hover,\n &:active {\n background-color: var(--color-canvas-subtle);\n\n // This is the most straightforward way of setting the knob's styles when the\n // switch is both checked and disabled.\n\n // stylelint-disable-next-line selector-max-specificity\n .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n }\n\n .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-disabled-bg);\n }\n}\n\n.ToggleSwitch-track[aria-checked='true'] {\n background-color: var(--color-switch-track-checked-bg);\n border-color: var(--color-switch-track-checked-border);\n\n &:hover {\n background-color: var(--color-switch-track-checked-hover-bg);\n }\n\n &:active {\n background-color: var(--color-switch-track-checked-active-bg);\n }\n\n .ToggleSwitch-knob {\n background-color: var(--color-switch-knob-checked-bg);\n border: 0;\n transform: translateX(calc(100% + 1px));\n }\n\n .ToggleSwitch-lineIcon {\n transform: translateX(0%);\n }\n\n .ToggleSwitch-circleIcon {\n transform: translateX(100%);\n }\n}\n\n.ToggleSwitch-track[aria-disabled='true'] {\n cursor: not-allowed;\n background-color: var(--color-canvas-subtle);\n border-color: var(--color-border-subtle);\n transition-property: none;\n\n &:hover,\n &:active {\n .ToggleSwitch-knob {\n background-color: var(--color-btn-bg);\n }\n }\n\n .ToggleSwitch-knob {\n border-color: var(--color-border-default);\n box-shadow: none;\n\n &:hover,\n &:active {\n background-color: var(--color-btn-bg);\n }\n }\n\n .ToggleSwitch-lineIcon {\n color: var(--color-fg-subtle);\n }\n\n .ToggleSwitch-circleIcon {\n color: var(--color-fg-subtle);\n }\n}\n\n.ToggleSwitch-icons {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.ToggleSwitch-lineIcon {\n line-height: 0;\n color: var(--color-accent-fg);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-100%);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-circleIcon {\n line-height: 0;\n color: var(--color-fg-default);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(0);\n flex: 1 0 50%;\n}\n\n.ToggleSwitch-knob {\n position: absolute;\n top: -1px;\n bottom: -1px;\n z-index: 1;\n width: 50%;\n background-color: var(--color-btn-bg);\n border: $border-width $border-style var(--color-switch-track-border);\n border-radius: $border-radius;\n box-shadow: var(--color-shadow-medium), var(--color-btn-inset-shadow);\n transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);\n transition-duration: 80ms;\n transition-property: transform;\n transform: translateX(-1px);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n\n.ToggleSwitch-status {\n position: relative;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: var(--color-fg-default);\n text-align: right;\n}\n\n.ToggleSwitch--small {\n .ToggleSwitch-status {\n font-size: $font-size-small;\n }\n\n .ToggleSwitch-track {\n width: $spacer-7;\n height: $spacer-4;\n }\n}\n\n.ToggleSwitch--disabled {\n .ToggleSwitch-status {\n color: var(--color-fg-muted);\n }\n}\n\n.ToggleSwitch-statusOn {\n height: 0;\n visibility: hidden;\n}\n\n.ToggleSwitch-statusOff {\n height: auto;\n visibility: visible;\n}\n\n.ToggleSwitch--statusAtEnd {\n flex-direction: row-reverse;\n\n .ToggleSwitch-status {\n text-align: left;\n }\n}\n"],"names":[],"sourceRoot":""}
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-github-like
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - supgeek-rod
@@ -37,10 +37,21 @@ files:
37
37
  - _includes/footer.html
38
38
  - _includes/head.html
39
39
  - _includes/header.html
40
+ - _layouts/about.html
40
41
  - _layouts/default.html
41
42
  - _layouts/home.html
42
43
  - _layouts/page.html
43
44
  - _layouts/post.html
45
+ - assets/css/code-2090a1c97bc1.css.map
46
+ - assets/css/code-3d7b701fc6eb.css
47
+ - assets/css/dark-27e9c50c7b31.css.map
48
+ - assets/css/dark-d4a90c367f0c.css
49
+ - assets/css/github-308036f32a6e.css.map
50
+ - assets/css/github-fee1576e5bd2.css
51
+ - assets/css/global-4c98d4f439a2.css.map
52
+ - assets/css/global-ef47aa3710b2.css
53
+ - assets/css/primer-665d09058d18.css
54
+ - assets/css/primer-fa192ab78abe.css.map
44
55
  homepage: https://github.com/supgeek-rod/jekyll-theme-github-like
45
56
  licenses:
46
57
  - MIT