@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
2 lines (1 loc) • 13 kB
CSS
.Primer_Brand__Prose-module__Prose___8WnSE{font-family:var(--brand-body-fontFamily);font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);color:var(--brand-color-text-default)}.Primer_Brand__Prose-module__Prose--editorial___z40XG{font-size:var(--brand-text-size-300);line-height:1.7}.Primer_Brand__Prose-module__Prose___8WnSE *+*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;margin-block-start:1em;margin-block-start:var(--spacing,1em)}.Primer_Brand__Prose-module__Prose--editorial___z40XG *+*{--spacing:var(--base-size-40)}.Primer_Brand__Prose-module__Prose--lineLength___V5nMv{max-width:var(--brand-Prose-lineLength)}.Primer_Brand__Prose-module__Prose___8WnSE h1{font-weight:var(--brand-heading-weight-700);font-size:var(--brand-text-size-700);line-height:var(--brand-text-lineHeight-700);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-text-letterSpacing-700)}.Primer_Brand__Prose-module__Prose___8WnSE h2{font-weight:var(--brand-heading-weight-600);font-size:var(--brand-text-size-600);line-height:var(--brand-text-lineHeight-600);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-text-letterSpacing-600)}.Primer_Brand__Prose-module__Prose--lineLength___V5nMv h2{max-width:26ch}.Primer_Brand__Prose-module__Prose___8WnSE h3{font-weight:var(--brand-heading-weight-400);font-size:var(--brand-text-size-400);line-height:var(--brand-heading-lineHeight-400);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-heading-letterSpacing-400)}.Primer_Brand__Prose-module__Prose--lineLength___V5nMv h1{max-width:32ch}.Primer_Brand__Prose-module__Prose___8WnSE h4{--spacing:var(--base-size-48);font-weight:var(--brand-heading-weight-400);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-heading-letterSpacing-300)}.Primer_Brand__Prose-module__Prose___8WnSE h5,.Primer_Brand__Prose-module__Prose___8WnSE h6{--spacing:var(--base-size-48);font-weight:var(--brand-text-subhead-weight-medium);font-size:var(--brand-text-subhead-size-medium);line-height:var(--brand-text-subhead-lineHeight-medium);font-family:var(--brand-heading-fontFamily);letter-spacing:var(--brand-heading-letterSpacing-200)}.Primer_Brand__Prose-module__Prose___8WnSE h1,.Primer_Brand__Prose-module__Prose___8WnSE h2,.Primer_Brand__Prose-module__Prose___8WnSE h3{--spacing:var(--base-size-64)}.Primer_Brand__Prose-module__Prose___8WnSE h1+*,.Primer_Brand__Prose-module__Prose___8WnSE h2+*,.Primer_Brand__Prose-module__Prose___8WnSE h3+*,.Primer_Brand__Prose-module__Prose___8WnSE p{--spacing:var(--base-size-24)}.Primer_Brand__Prose-module__Prose--editorial___z40XG p{--spacing:var(--base-size-40)}.Primer_Brand__Prose-module__Prose___8WnSE ul,.Primer_Brand__Prose-module__Prose___8WnSE ol{--spacing:var(--base-size-16);gap:var(--base-size-8);line-height:var(--brand-text-lineHeight-300);flex-direction:column;margin-inline-start:var(--base-size-24);padding:0;display:flex}.Primer_Brand__Prose-module__Prose--editorial___z40XG ul,.Primer_Brand__Prose-module__Prose--editorial___z40XG ol{--spacing:var(--base-size-48);gap:var(--base-size-16);line-height:1.7}.Primer_Brand__Prose-module__Prose___8WnSE ul{list-style-type:image;list-style-image:var(--brand-Prose-unorderedList-imageUrl)}.Primer_Brand__Prose-module__Prose___8WnSE li{--spacing:0}.Primer_Brand__Prose-module__Prose___8WnSE strong,.Primer_Brand__Prose-module__Prose___8WnSE b{font-weight:var(--brand-text-weight-heavy)}.Primer_Brand__Prose-module__Prose___8WnSE em{font-variation-settings:"ital" 10;font-synthesis:none}.Primer_Brand__Prose-module__Prose___8WnSE a{color:var(--brand-InlineLink-color-rest);-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-color:var(--brand-InlineLink-color-rest);text-decoration-thickness:var(--brand-borderWidth-thin);text-underline-position:under;transition:var(--brand-InlineLink-transition-timing) text-decoration;position:relative}.Primer_Brand__Prose-module__Prose___8WnSE a:hover{text-decoration-thickness:var(--brand-borderWidth-thick)}.Primer_Brand__Prose-module__Prose___8WnSE a:active:after{border-color:var(--brand-InlineLink-color-pressed)}.Primer_Brand__Prose-module__Prose___8WnSE code{font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);white-space:break-spaces;padding:var(--base-size-4) var(--base-size-8);border-radius:var(--brand-borderRadius-small);background-color:var(--brand-Prose-code-bgColor)}.Primer_Brand__Prose-module__Prose___8WnSE pre{padding:var(--base-size-16);border-radius:var(--brand-borderRadius-medium);background-color:var(--brand-Prose-code-bgColor)}.Primer_Brand__Prose-module__Prose___8WnSE pre code{padding:0}.Primer_Brand__Prose-module__Prose___8WnSE img{--spacing:var(--brand-Prose-img-spacing);max-width:100%;height:auto;margin-left:auto;margin-right:auto;margin-block-end:var(--spacing);display:block}.Primer_Brand__Prose-module__Prose--editorial___z40XG figure img{border-radius:var(--brand-borderRadius-medium);margin-block-end:0;display:block}.Primer_Brand__Prose-module__Prose___8WnSE blockquote{--spacing:var(--brand-Prose-blockquote-spacing);font-size:var(--brand-text-size-400);line-height:var(--brand-text-lineHeight-400);padding-top:var(--base-size-48);padding-bottom:var(--base-size-8);margin-bottom:var(--spacing);position:relative}.Primer_Brand__Prose-module__Prose--default___G7iCy blockquote{padding-left:var(--base-size-40)}.Primer_Brand__Prose-module__Prose--editorial___z40XG blockquote{font-size:var(--brand-text-size-500);line-height:var(--brand-text-lineHeight-500);font-weight:var(--brand-text-weight-500);padding-top:var(--base-size-64)}@media screen and (width>=87.5rem){.Primer_Brand__Prose-module__Prose--editorial___z40XG blockquote{margin-block:var(--base-size-40)}}.Primer_Brand__Prose-module__Prose___8WnSE blockquote:before{content:"“";font-size:var(--base-size-48);line-height:var(--base-size-64);font-weight:var(--base-text-weight-extrabold);position:absolute;top:0}.Primer_Brand__Prose-module__Prose--editorial___z40XG blockquote:before{color:var(--brand-color-accent-primary);font-size:var(--base-size-64);line-height:var(--base-size-64)}.Primer_Brand__Prose-module__Prose--default___G7iCy blockquote:after{content:"";width:var(--brand-borderWidth-thick);background-color:var(--base-color-scale-indigo-5);background-image:linear-gradient(180deg, var(--base-color-scale-blue-5), var(--base-color-scale-purple-5));height:100%;display:block;position:absolute;top:0;left:0}.Primer_Brand__Prose-module__Prose___8WnSE figure figcaption{--spacing:var(--base-size-24);font-family:var(--brand-fontStack-monospace);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);color:var(--brand-color-text-muted)}.Primer_Brand__Prose-module__Prose--editorial___z40XG figcaption{font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100);font-weight:var(--brand-text-weight-100)}.Primer_Brand__Prose-module__Prose--editorial___z40XG hr{--spacing:var(--base-size-64);border:1px solid var(--brand-color-border-muted);margin-block-start:var(--spacing);margin-block-end:var(--spacing)}.Primer_Brand__Prose-module__Prose___8WnSE video,.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtube\.com],.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtu\.be],.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtube-nocookie\.com]{--spacing:var(--brand-Prose-img-spacing);border-radius:var(--brand-borderRadius-medium);height:auto;margin-left:auto;margin-right:auto;margin-block-end:var(--spacing);display:block}.Primer_Brand__Prose-module__Prose___8WnSE video{max-width:100%}.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtube\.com],.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtu\.be],.Primer_Brand__Prose-module__Prose___8WnSE iframe[src*=youtube-nocookie\.com]{aspect-ratio:16/9;width:100%}@media (prefers-reduced-motion:reduce){.Primer_Brand__Prose-module__Prose___8WnSE a,.Primer_Brand__Prose-module__Prose___8WnSE a:before,.Primer_Brand__Prose-module__Prose___8WnSE a:after,.Primer_Brand__Prose-module__Prose___8WnSE a *{transition:none}}.Primer_Brand__Prose-module__Prose___8WnSE table{--spacing:var(--base-size-32);border-collapse:collapse;border-spacing:0;width:100%;font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200)}.Primer_Brand__Prose-module__Prose___8WnSE table caption{text-align:left;font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-100);line-height:var(--brand-text-lineHeight-100);color:var(--brand-color-text-muted);padding-block-end:var(--base-size-24)}.Primer_Brand__Prose-module__Prose___8WnSE table th,.Primer_Brand__Prose-module__Prose___8WnSE table td{padding-block:var(--base-size-16);padding-inline:var(--base-size-12);text-align:left;vertical-align:top;border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Prose-module__Prose___8WnSE table th:first-child,.Primer_Brand__Prose-module__Prose___8WnSE table td:first-child,.Primer_Brand__Prose-module__Prose___8WnSE table th:last-child,.Primer_Brand__Prose-module__Prose___8WnSE table td:last-child{padding-inline:0}.Primer_Brand__Prose-module__Prose___8WnSE table th{font-size:var(--brand-text-size-100);font-weight:var(--brand-text-weight-400);line-height:var(--brand-text-lineHeight-100);color:var(--brand-color-text-muted)}.Primer_Brand__Prose-module__Prose___8WnSE table thead th{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-color-border-default)}.Primer_Brand__Prose-module__Prose___8WnSE table tbody tr:last-child td{border-bottom:none}.Primer_Brand__Prose-module__Prose--editorial___z40XG table{--spacing:var(--base-size-48)}.Primer_Brand__Prose-module__Prose___8WnSE td>ul:first-child,.Primer_Brand__Prose-module__Prose___8WnSE td>ol:first-child{margin-block-start:0}@media screen and (width>=48rem){.Primer_Brand__Prose-module__Prose___8WnSE table th,.Primer_Brand__Prose-module__Prose___8WnSE table td{padding:var(--base-size-16) var(--base-size-8)}.Primer_Brand__Prose-module__Prose___8WnSE table th:not(:first-child):not(:last-child),.Primer_Brand__Prose-module__Prose___8WnSE table td:not(:first-child):not(:last-child){padding-inline:var(--base-size-16)}.Primer_Brand__Prose-module__Prose___8WnSE table th:first-child,.Primer_Brand__Prose-module__Prose___8WnSE table td:first-child{padding-inline-start:0}.Primer_Brand__Prose-module__Prose___8WnSE table th:last-child,.Primer_Brand__Prose-module__Prose___8WnSE table td:last-child{padding-inline-end:0}.Primer_Brand__Prose-module__Prose___8WnSE table tbody tr:hover{background-color:var(--brand-color-canvas-subtle)}}@media screen and (width<=47.99rem){.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]){border-collapse:separate;border-spacing:0;width:100%;box-shadow:none;font-size:var(--brand-text-size-200);background:0 0}.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) thead{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}:is(.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) tbody,.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) tr){width:100%;display:block}:is(.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) th:not(:first-child):not(:last-child),.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) td:not(:first-child):not(:last-child)){padding-inline:0}.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) tr{border-block-start:var(--brand-borderWidth-thicker) solid var(--brand-color-border-muted);margin-block-end:var(--spacing);padding-block-start:var(--base-size-20)}.Primer_Brand__Prose-module__Prose___8WnSE td[data-label]{width:100%;margin:0 0 16px;margin:0 0 var(--base-size-16,16px) 0;border:none;flex-direction:column;align-items:flex-start;padding:0;display:flex}.Primer_Brand__Prose-module__Prose___8WnSE td[data-label]:not(:last-child){border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-end:var(--base-size-20)}.Primer_Brand__Prose-module__Prose___8WnSE td[data-label]:before{content:attr(data-label);color:var(--brand-color-text-muted);text-align:left;font-weight:var(--brand-text-weight-400);margin-block-end:var(--base-size-4)}.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) td:not([data-label]){width:100%;border:none;margin-block-end:var(--base-size-16);padding:0;display:block}.Primer_Brand__Prose-module__Prose___8WnSE table:has(td[data-label]) td:not([data-label]):not(:last-child){border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-block-end:var(--base-size-20)}.Primer_Brand__Prose-module__Prose___8WnSE td[data-label]:last-child{margin-block-end:0}}