@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
2 lines • 16.6 kB
CSS
[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}@media(prefers-color-scheme: light){[data-color-mode=auto][data-light-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}}@media(prefers-color-scheme: dark){[data-color-mode=auto][data-dark-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}}:root,[data-color-mode=light][data-light-theme*=light],[data-color-mode=dark][data-dark-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}@media(prefers-color-scheme: light){[data-color-mode=auto][data-light-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}}@media(prefers-color-scheme: dark){[data-color-mode=auto][data-dark-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}}.hover-grow-mktg{transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.hover-grow-mktg:hover{transform:scale3d(1.025, 1.025, 1.025)}.btn-mktg .octicon,.link-mktg .octicon,.arrow-target-mktg .octicon{width:1em;height:1em}.btn-mktg .arrow-symbol-mktg,.link-mktg .arrow-symbol-mktg,.arrow-target-mktg .arrow-symbol-mktg{transition:transform .2s;transform:translateX(0)}.btn-mktg .arrow-symbol-mktg path:last-child,.link-mktg .arrow-symbol-mktg path:last-child,.arrow-target-mktg .arrow-symbol-mktg path:last-child{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}@media screen and (prefers-reduced-motion: no-preference){.btn-mktg:hover .arrow-symbol-mktg,.btn-mktg:focus .arrow-symbol-mktg,.link-mktg:hover .arrow-symbol-mktg,.link-mktg:focus .arrow-symbol-mktg,.arrow-target-mktg:hover .arrow-symbol-mktg,.arrow-target-mktg:focus .arrow-symbol-mktg{transform:translateX(4px)}.btn-mktg:hover .arrow-symbol-mktg path:last-child,.btn-mktg:focus .arrow-symbol-mktg path:last-child,.link-mktg:hover .arrow-symbol-mktg path:last-child,.link-mktg:focus .arrow-symbol-mktg path:last-child,.arrow-target-mktg:hover .arrow-symbol-mktg path:last-child,.arrow-target-mktg:focus .arrow-symbol-mktg path:last-child{stroke-dashoffset:20}.btn-mktg:active .arrow-symbol-mktg,.link-mktg:active .arrow-symbol-mktg,.arrow-target-mktg:active .arrow-symbol-mktg{transform:translateX(6px)}}.grayscale{filter:grayscale(100%)}.top-1{top:4px }.right-1{right:4px }.bottom-1{bottom:4px }.left-1{left:4px }.top-n1{top:-4px }.right-n1{right:-4px }.bottom-n1{bottom:-4px }.left-n1{left:-4px }.top-2{top:8px }.right-2{right:8px }.bottom-2{bottom:8px }.left-2{left:8px }.top-n2{top:-8px }.right-n2{right:-8px }.bottom-n2{bottom:-8px }.left-n2{left:-8px }.top-3{top:16px }.right-3{right:16px }.bottom-3{bottom:16px }.left-3{left:16px }.top-n3{top:-16px }.right-n3{right:-16px }.bottom-n3{bottom:-16px }.left-n3{left:-16px }.top-4{top:24px }.right-4{right:24px }.bottom-4{bottom:24px }.left-4{left:24px }.top-n4{top:-24px }.right-n4{right:-24px }.bottom-n4{bottom:-24px }.left-n4{left:-24px }.top-5{top:32px }.right-5{right:32px }.bottom-5{bottom:32px }.left-5{left:32px }.top-n5{top:-32px }.right-n5{right:-32px }.bottom-n5{bottom:-32px }.left-n5{left:-32px }.top-6{top:40px }.right-6{right:40px }.bottom-6{bottom:40px }.left-6{left:40px }.top-n6{top:-40px }.right-n6{right:-40px }.bottom-n6{bottom:-40px }.left-n6{left:-40px }.top-7{top:48px }.right-7{right:48px }.bottom-7{bottom:48px }.left-7{left:48px }.top-n7{top:-48px }.right-n7{right:-48px }.bottom-n7{bottom:-48px }.left-n7{left:-48px }.top-8{top:64px }.right-8{right:64px }.bottom-8{bottom:64px }.left-8{left:64px }.top-n8{top:-64px }.right-n8{right:-64px }.bottom-n8{bottom:-64px }.left-n8{left:-64px }.top-9{top:80px }.right-9{right:80px }.bottom-9{bottom:80px }.left-9{left:80px }.top-n9{top:-80px }.right-n9{right:-80px }.bottom-n9{bottom:-80px }.left-n9{left:-80px }.top-10{top:96px }.right-10{right:96px }.bottom-10{bottom:96px }.left-10{left:96px }.top-n10{top:-96px }.right-n10{right:-96px }.bottom-n10{bottom:-96px }.left-n10{left:-96px }.top-11{top:112px }.right-11{right:112px }.bottom-11{bottom:112px }.left-11{left:112px }.top-n11{top:-112px }.right-n11{right:-112px }.bottom-n11{bottom:-112px }.left-n11{left:-112px }.top-12{top:128px }.right-12{right:128px }.bottom-12{bottom:128px }.left-12{left:128px }.top-n12{top:-128px }.right-n12{right:-128px }.bottom-n12{bottom:-128px }.left-n12{left:-128px }@media(min-width: 768px){.top-md-0{top:0 }.right-md-0{right:0 }.bottom-md-0{bottom:0 }.left-md-0{left:0 }.top-md-1{top:4px }.right-md-1{right:4px }.bottom-md-1{bottom:4px }.left-md-1{left:4px }.top-md-n1{top:-4px }.right-md-n1{right:-4px }.bottom-md-n1{bottom:-4px }.left-md-n1{left:-4px }.top-md-2{top:8px }.right-md-2{right:8px }.bottom-md-2{bottom:8px }.left-md-2{left:8px }.top-md-n2{top:-8px }.right-md-n2{right:-8px }.bottom-md-n2{bottom:-8px }.left-md-n2{left:-8px }.top-md-3{top:16px }.right-md-3{right:16px }.bottom-md-3{bottom:16px }.left-md-3{left:16px }.top-md-n3{top:-16px }.right-md-n3{right:-16px }.bottom-md-n3{bottom:-16px }.left-md-n3{left:-16px }.top-md-4{top:24px }.right-md-4{right:24px }.bottom-md-4{bottom:24px }.left-md-4{left:24px }.top-md-n4{top:-24px }.right-md-n4{right:-24px }.bottom-md-n4{bottom:-24px }.left-md-n4{left:-24px }.top-md-5{top:32px }.right-md-5{right:32px }.bottom-md-5{bottom:32px }.left-md-5{left:32px }.top-md-n5{top:-32px }.right-md-n5{right:-32px }.bottom-md-n5{bottom:-32px }.left-md-n5{left:-32px }.top-md-6{top:40px }.right-md-6{right:40px }.bottom-md-6{bottom:40px }.left-md-6{left:40px }.top-md-n6{top:-40px }.right-md-n6{right:-40px }.bottom-md-n6{bottom:-40px }.left-md-n6{left:-40px }.top-md-7{top:48px }.right-md-7{right:48px }.bottom-md-7{bottom:48px }.left-md-7{left:48px }.top-md-n7{top:-48px }.right-md-n7{right:-48px }.bottom-md-n7{bottom:-48px }.left-md-n7{left:-48px }.top-md-8{top:64px }.right-md-8{right:64px }.bottom-md-8{bottom:64px }.left-md-8{left:64px }.top-md-n8{top:-64px }.right-md-n8{right:-64px }.bottom-md-n8{bottom:-64px }.left-md-n8{left:-64px }.top-md-9{top:80px }.right-md-9{right:80px }.bottom-md-9{bottom:80px }.left-md-9{left:80px }.top-md-n9{top:-80px }.right-md-n9{right:-80px }.bottom-md-n9{bottom:-80px }.left-md-n9{left:-80px }.top-md-10{top:96px }.right-md-10{right:96px }.bottom-md-10{bottom:96px }.left-md-10{left:96px }.top-md-n10{top:-96px }.right-md-n10{right:-96px }.bottom-md-n10{bottom:-96px }.left-md-n10{left:-96px }.top-md-11{top:112px }.right-md-11{right:112px }.bottom-md-11{bottom:112px }.left-md-11{left:112px }.top-md-n11{top:-112px }.right-md-n11{right:-112px }.bottom-md-n11{bottom:-112px }.left-md-n11{left:-112px }.top-md-12{top:128px }.right-md-12{right:128px }.bottom-md-12{bottom:128px }.left-md-12{left:128px }.top-md-n12{top:-128px }.right-md-n12{right:-128px }.bottom-md-n12{bottom:-128px }.left-md-n12{left:-128px }}@media(min-width: 1012px){.top-lg-0{top:0 }.right-lg-0{right:0 }.bottom-lg-0{bottom:0 }.left-lg-0{left:0 }.top-lg-1{top:4px }.right-lg-1{right:4px }.bottom-lg-1{bottom:4px }.left-lg-1{left:4px }.top-lg-n1{top:-4px }.right-lg-n1{right:-4px }.bottom-lg-n1{bottom:-4px }.left-lg-n1{left:-4px }.top-lg-2{top:8px }.right-lg-2{right:8px }.bottom-lg-2{bottom:8px }.left-lg-2{left:8px }.top-lg-n2{top:-8px }.right-lg-n2{right:-8px }.bottom-lg-n2{bottom:-8px }.left-lg-n2{left:-8px }.top-lg-3{top:16px }.right-lg-3{right:16px }.bottom-lg-3{bottom:16px }.left-lg-3{left:16px }.top-lg-n3{top:-16px }.right-lg-n3{right:-16px }.bottom-lg-n3{bottom:-16px }.left-lg-n3{left:-16px }.top-lg-4{top:24px }.right-lg-4{right:24px }.bottom-lg-4{bottom:24px }.left-lg-4{left:24px }.top-lg-n4{top:-24px }.right-lg-n4{right:-24px }.bottom-lg-n4{bottom:-24px }.left-lg-n4{left:-24px }.top-lg-5{top:32px }.right-lg-5{right:32px }.bottom-lg-5{bottom:32px }.left-lg-5{left:32px }.top-lg-n5{top:-32px }.right-lg-n5{right:-32px }.bottom-lg-n5{bottom:-32px }.left-lg-n5{left:-32px }.top-lg-6{top:40px }.right-lg-6{right:40px }.bottom-lg-6{bottom:40px }.left-lg-6{left:40px }.top-lg-n6{top:-40px }.right-lg-n6{right:-40px }.bottom-lg-n6{bottom:-40px }.left-lg-n6{left:-40px }.top-lg-7{top:48px }.right-lg-7{right:48px }.bottom-lg-7{bottom:48px }.left-lg-7{left:48px }.top-lg-n7{top:-48px }.right-lg-n7{right:-48px }.bottom-lg-n7{bottom:-48px }.left-lg-n7{left:-48px }.top-lg-8{top:64px }.right-lg-8{right:64px }.bottom-lg-8{bottom:64px }.left-lg-8{left:64px }.top-lg-n8{top:-64px }.right-lg-n8{right:-64px }.bottom-lg-n8{bottom:-64px }.left-lg-n8{left:-64px }.top-lg-9{top:80px }.right-lg-9{right:80px }.bottom-lg-9{bottom:80px }.left-lg-9{left:80px }.top-lg-n9{top:-80px }.right-lg-n9{right:-80px }.bottom-lg-n9{bottom:-80px }.left-lg-n9{left:-80px }.top-lg-10{top:96px }.right-lg-10{right:96px }.bottom-lg-10{bottom:96px }.left-lg-10{left:96px }.top-lg-n10{top:-96px }.right-lg-n10{right:-96px }.bottom-lg-n10{bottom:-96px }.left-lg-n10{left:-96px }.top-lg-11{top:112px }.right-lg-11{right:112px }.bottom-lg-11{bottom:112px }.left-lg-11{left:112px }.top-lg-n11{top:-112px }.right-lg-n11{right:-112px }.bottom-lg-n11{bottom:-112px }.left-lg-n11{left:-112px }.top-lg-12{top:128px }.right-lg-12{right:128px }.bottom-lg-12{bottom:128px }.left-lg-12{left:128px }.top-lg-n12{top:-128px }.right-lg-n12{right:-128px }.bottom-lg-n12{bottom:-128px }.left-lg-n12{left:-128px }}.offset-n1{margin-left:-8.33333333%}.offset-n2{margin-left:-16.66666666%}.offset-n3{margin-left:-24.99999999%}.offset-n4{margin-left:-33.33333332%}.offset-n5{margin-left:-41.66666665%}.offset-n6{margin-left:-49.99999998%}.offset-n7{margin-left:-58.33333331%}@media(min-width: 544px){.offset-sm-n1{margin-left:-8.33333333%}.offset-sm-n2{margin-left:-16.66666666%}.offset-sm-n3{margin-left:-24.99999999%}.offset-sm-n4{margin-left:-33.33333332%}.offset-sm-n5{margin-left:-41.66666665%}.offset-sm-n6{margin-left:-49.99999998%}.offset-sm-n7{margin-left:-58.33333331%}}@media(min-width: 768px){.offset-md-n1{margin-left:-8.33333333%}.offset-md-n2{margin-left:-16.66666666%}.offset-md-n3{margin-left:-24.99999999%}.offset-md-n4{margin-left:-33.33333332%}.offset-md-n5{margin-left:-41.66666665%}.offset-md-n6{margin-left:-49.99999998%}.offset-md-n7{margin-left:-58.33333331%}}@media(min-width: 1012px){.offset-lg-n1{margin-left:-8.33333333%}.offset-lg-n2{margin-left:-16.66666666%}.offset-lg-n3{margin-left:-24.99999999%}.offset-lg-n4{margin-left:-33.33333332%}.offset-lg-n5{margin-left:-41.66666665%}.offset-lg-n6{margin-left:-49.99999998%}.offset-lg-n7{margin-left:-58.33333331%}}@media(min-width: 1280px){.offset-xl-n1{margin-left:-8.33333333%}.offset-xl-n2{margin-left:-16.66666666%}.offset-xl-n3{margin-left:-24.99999999%}.offset-xl-n4{margin-left:-33.33333332%}.offset-xl-n5{margin-left:-41.66666665%}.offset-xl-n6{margin-left:-49.99999998%}.offset-xl-n7{margin-left:-58.33333331%}}.width-auto{width:auto }.height-auto{height:auto }.object-fit-cover{object-fit:cover }.z-1{z-index:1 }.z-2{z-index:2 }.z-3{z-index:3 }.z-n1{z-index:-1 }.z-n2{z-index:-2 }
/*# sourceMappingURL=marketing-utilities.css.map */