@primer/css/dist/marketing-type.css

The CSS implementation of GitHub's Primer Design System

[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}}.h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:var(--base-text-weight-semibold, 600) !important;letter-spacing:-0.01em}.h0-mktg{font-size:48px !important;line-height:52px !important;font-weight:800 !important}@media(min-width: 768px){.h0-mktg{font-size:72px !important;line-height:76px !important}}@media(min-width: 1012px){.h0-mktg{font-size:96px !important;line-height:100px !important}}.h1-mktg{font-size:40px !important;line-height:44px !important;font-weight:800 !important}@media(min-width: 768px){.h1-mktg{font-size:56px !important;line-height:60px !important;letter-spacing:-0.03em}}@media(min-width: 1012px){.h1-mktg{font-size:72px !important;line-height:76px !important}}.h2-mktg{font-size:32px !important;line-height:36px !important;font-weight:800 !important}@media(min-width: 768px){.h2-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-0.03em}}@media(min-width: 1012px){.h2-mktg{font-size:64px !important;line-height:68px !important}}.h3-mktg{font-size:28px !important;line-height:32px !important;font-weight:800 !important}@media(min-width: 768px){.h3-mktg{font-size:40px !important;line-height:44px !important}}@media(min-width: 1012px){.h3-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-0.03em}}.h4-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}@media(min-width: 768px){.h4-mktg{font-size:28px !important;line-height:32px !important}}@media(min-width: 1012px){.h4-mktg{font-size:32px !important;line-height:36px !important}}.h5-mktg{font-size:20px !important;line-height:24px !important}@media(min-width: 768px){.h5-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}}.h6-mktg{font-size:16px !important;line-height:20px !important}@media(min-width: 768px){.h6-mktg{font-size:20px !important;line-height:24px !important}}.f0-mktg,.f1-mktg,.f2-mktg,.f3-mktg,.f4-mktg,.f5-mktg,.f6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:var(--base-text-weight-normal, 400)}.f0-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-0.01em;font-weight:var(--base-text-weight-medium, 500)}@media(min-width: 768px){.f0-mktg{font-size:40px !important;line-height:52px !important}}@media(min-width: 1012px){.f0-mktg{font-size:48px !important;line-height:64px !important}}.f1-mktg{font-size:24px !important;line-height:32px !important;font-weight:var(--base-text-weight-medium, 500)}@media(min-width: 768px){.f1-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-0.01em}}@media(min-width: 1012px){.f1-mktg{font-size:32px !important;line-height:44px !important}}.f2-mktg{font-size:20px !important;line-height:28px !important}@media(min-width: 1012px){.f2-mktg{font-size:24px !important;line-height:32px !important;font-weight:450}}.f3-mktg{font-size:16px !important;line-height:24px !important}@media(min-width: 768px){.f3-mktg{font-size:20px !important;line-height:28px !important}}.f4-mktg{font-size:16px !important;line-height:24px !important}.f5-mktg{font-size:14px !important;line-height:20px !important}.f6-mktg{font-size:12px !important;line-height:20px !important}.text-medium{font-weight:450 !important}
/*# sourceMappingURL=marketing-type.css.map */