@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) • 12.7 kB
CSS
.Primer_Brand__IDE-module__IDE__inner___NnTQJ{--brand-IDE-lineNumber-width:45px;background:var(--brand-IDE-default-bgColor);border:var(--brand-borderWidth-thin) solid var(--brand-IDE-borderColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW{-webkit-backdrop-filter:blur(var(--base-size-12));backdrop-filter:blur(var(--base-size-12))}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__inner___NnTQJ{background:var(--brand-IDE-glass-bgColor-rest);border-color:#0000}.Primer_Brand__IDE-module__IDE__main___U46Bi{width:100%;height:100%;display:flex}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__main___U46Bi{height:var(--brand-IDE-height)}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__main___U46Bi{padding-top:var(--base-size-32)}.Primer_Brand__IDE-module__IDE__inner___NnTQJ{width:100%;height:var(--brand-IDE-height);margin:calc(var(--base-size-12) - 2px) auto;border-radius:var(--brand-borderRadius-large);position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE__Chat___FjTgp{grid-gap:var(--base-size-16);gap:var(--base-size-16);color:var(--brand-color-text-default);flex-direction:column;grid-area:pane;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Chat___FjTgp{background:var(--brand-IDE-glass-chat-bgColor)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX .Primer_Brand__IDE-module__IDE__Chat___FjTgp{min-width:300px;max-width:450px}@media screen and (width<=63.24rem){.Primer_Brand__IDE-module__IDE--full-exp___eJnjX .Primer_Brand__IDE-module__IDE__Chat___FjTgp{display:none}}.Primer_Brand__IDE-module__IDE__Chat-wrapper___OBbrc{display:contents}.Primer_Brand__IDE-module__IDE__Chat-message-user___tz2Ml{gap:var(--base-size-8);align-items:center;display:inline-flex}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR{scrollbar-width:thin;scrollbar-color:var(--brand-IDE-scrollBar-fgColor) var(--brand-IDE-scrollBar-bgColor);height:calc(100% - 78px);overflow-y:scroll}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar{width:var(--base-size-12)}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar-track{background:var(--brand-IDE-scrollBar-bgColor)}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar-thumb{background-color:var(--brand-IDE-scrollBar-fgColor);border-radius:var(--base-size-20);border:var(--brand-borderRadius-small) solid var(--brand-IDE-scrollBar-bgColor)}.Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea{bottom:var(--base-size-16);width:100%;padding:0 var(--base-size-20);opacity:.5;position:absolute}.Primer_Brand__IDE-module__IDE__Chat-input___zqxIs{border-color:var(--brand-color-border-default);background:var(--brand-IDE-default-bgColor);color:var(--brand-color-text-muted);-webkit-text-fill-color:var(--brand-color-text-muted)}.Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea svg{fill:var(--brand-color-text-muted)}.Primer_Brand__IDE-module__IDE__Chat-message-content___cKmYo{margin-top:var(--base-size-16)}.Primer_Brand__IDE-module__IDE__Chat-message-snippet___0DOoF{background-color:var(--brand-IDE-default-editor-bgColor);overflow-x:hidden}.Primer_Brand__IDE-module__IDE__Chat-message___mpKSJ{font-family:var(--brand-fontStack-sansSerif);font-size:var(--base-size-16);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding:var(--base-size-20);opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__IDE-module__IDE__Chat-message--visible___t7sQR{opacity:1;transform:translateY(0)}.Primer_Brand__IDE-module__IDE__Chat-message--faded___Zj1bF{opacity:.5}.Primer_Brand__IDE-module__IDE__Chat-message___mpKSJ pre{border:var(--brand-borderWidth-thick) solid var(--brand-color-border-default);padding:var(--base-size-16);border-radius:var(--brand-borderRadius-large);font-family:var(--brand-fontStack-monospace);font-size:calc(var(--base-size-12) + 2px)}.Primer_Brand__IDE-module__IDE__Editor___Shd_o{flex-direction:column;grid-area:editor;width:100%;height:100%;display:flex}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor___Shd_o{width:100%;padding-left:var(--base-size-20)}.Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-default-editor-tabs-bgColor);display:inline-flex;overflow-x:auto}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-default-editor-tabs-bgColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-glass-editor-tabs-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{padding:var(--base-size-8) var(--base-size-12);align-items:center;gap:var(--base-size-4);font-family:var(--brand-fontStack-monospace);font-size:calc(var(--base-size-12) + 2px);color:var(--brand-color-text-muted);cursor:pointer;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);opacity:1;border:none;flex-shrink:0;display:flex}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{background:var(--brand-IDE-default-editor-tab-bgColor-rest)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{background:var(--brand-IDE-glass-editor-tab-bgColor-rest)}.Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{color:var(--brand-color-text-default);border-top:var(--brand-borderWidth-thin) solid var(--brand-IDE-default-editor-tab-borderColor);z-index:1}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{background:var(--brand-IDE-default-editor-tab-bgColor-active)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{color:var(--brand-color-text-muted);background:0 0}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{color:var(--brand-color-text-default);background:var(--brand-IDE-glass-editor-tab-bgColor-active)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_:hover{color:var(--brand-color-text-default)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_[disabled]{cursor:not-allowed;opacity:.7;color:var(--brand-color-text-muted)}.Primer_Brand__IDE-module__IDE__Editor-tab-close-icon___thmFu{width:var(--base-size-12);height:var(--base-size-12);fill:var(--brand-color-text-muted);margin-inline-start:var(--base-size-4)}img.Primer_Brand__IDE-module__IDE__Editor-tab-icon___AlDCB{width:var(--base-size-16);height:var(--base-size-16);filter:grayscale(10%)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_:hover .Primer_Brand__IDE-module__IDE__Editor-tab-close-icon___thmFu{fill:var(--brand-color-text-default)}.Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{height:100%;padding-top:var(--base-size-16);overflow-x:auto}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-glass-editor-bgColor);border-bottom-left-radius:var(--brand-borderRadius-large)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ{margin:0}.Primer_Brand__IDE-module__IDE__Editor-content-wrapper___EW6zO{display:flex}.Primer_Brand__IDE-module__IDE__Editor-content-inner___D0mu_{flex:1}.Primer_Brand__IDE-module__IDE__Editor--small___8hPAZ .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--small___8hPAZ .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:calc(var(--base-size-12) - 1px);line-height:calc(var(--base-size-16) + 2px)}.Primer_Brand__IDE-module__IDE__Editor--medium___yVQ93 .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--medium___yVQ93 .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:.875rem;line-height:19.9px}.Primer_Brand__IDE-module__IDE__Editor--large___CRKOS .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--large___CRKOS .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:1.125rem;line-height:var(--base-size-24)}.Primer_Brand__IDE-module__IDE__Editor-pane--suggested___EODtb{margin-left:calc(-1 * var(--brand-IDE-lineNumber-width));background-color:var(--brand-IDE-autoSuggestLine-bgColor);border-left:var(--brand-borderWidth-thin) solid var(--brand-IDE-autoSuggest-borderColor);padding-left:calc(var(--base-size-64) - 1px)}.Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{z-index:1;font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-text-weight-200);font-feature-settings:"liga" 0, "calt" 0;font-variation-settings:normal;letter-spacing:0;flex:0 0 var(--brand-IDE-lineNumber-width)}.Primer_Brand__IDE-module__IDE__Editor-lineNumber___PXF14{padding:0 var(--base-size-8);text-align:right;color:var(--brand-color-text-muted);-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE__Editor-lineNumber-text___VGyiL{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;vertical-align:middle;box-sizing:border-box;cursor:default;height:100%;display:inline-block;position:absolute}.Primer_Brand__IDE-module__IDE__Editor___Shd_o pre{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);padding-left:calc(var(--base-size-64) - var(--brand-IDE-lineNumber-width))}pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___KGpK6{background-color:var(--brand-IDE-autoSuggest-bgColor);padding-left:0;padding:var(--base-size-8) var(--base-size-24);border-radius:var(--brand-borderRadius-small);gap:var(--base-size-16);margin:var(--base-size-4) 0 0 var(--base-size-16);display:inline-flex;box-shadow:-9px 10px 39px #00000040}.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator-label___Ly0_c{color:var(--brand-IDE-autoSuggest-fgColor);fill:var(--brand-IDE-autoSuggest-fgColor)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0{cursor:pointer;bottom:var(--base-size-16);right:var(--base-size-16);width:var(--base-size-48);height:var(--base-size-48);border-radius:var(--brand-borderRadius-full);background-color:var(--brand-IDE-playPauseControl-rest);transition:background-color var(--brand-animation-duration-faster);border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:hover{background-color:var(--brand-IDE-playPauseControl-hover)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0 svg{width:var(--base-size-16);height:var(--base-size-16)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0 path{fill:var(--brand-button-subtle-fgColor-rest)}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea{width:calc(100% - var(--base-size-64))}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__play-pause-button___z27k0{background-color:var(--brand-IDE-playPauseControl-rest)}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:hover{background-color:var(--brand-IDE-playPauseControl-hover)}@media (prefers-reduced-motion:reduce){.Primer_Brand__IDE-module__IDE___d_Ai4,.Primer_Brand__IDE-module__IDE___d_Ai4:before,.Primer_Brand__IDE-module__IDE___d_Ai4:after,.Primer_Brand__IDE-module__IDE___d_Ai4 *{scroll-behavior:auto;transition:none;animation:none}}