@primer/css/dist/box.css

The CSS implementation of GitHub's Primer Design System

.Box{background-color:var(--color-bg-primary);border-color:var(--color-border-primary);border-style:solid;border-width:1px;border-radius:6px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0;background-color:var(--color-bg-tertiary);border-color:var(--color-border-primary);border-style:solid;border-width:1px;border-top-left-radius:6px;border-top-right-radius:6px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid var(--color-border-primary)}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top-color:var(--color-border-secondary);border-top-style:solid;border-top-width:1px}.Box-row:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}.Box-row:last-of-type{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-border-info)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-text-link);cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:var(--color-bg-secondary)}.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-bg-tertiary)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-bg-tertiary)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-box-row-blue-bg)}.Box-row--hover-gray:hover{background-color:var(--color-bg-tertiary)}.Box-row--hover-blue:hover{background-color:var(--color-box-row-blue-bg)}@media (min-width: 768px){.Box-row-link{color:var(--color-text-primary);text-decoration:none}.Box-row-link:hover{color:var(--color-text-link);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top-color:var(--color-border-primary);border-top-style:solid;border-top-width:1px;border-radius:0 0 6px 6px}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:var(--color-box-blue-border)}.Box--blue .Box-header{background-color:var(--color-bg-info);border-color:var(--color-box-blue-border)}.Box--blue .Box-body{border-color:var(--color-box-blue-border)}.Box--blue .Box-row{border-color:var(--color-box-blue-border)}.Box--blue .Box-footer{border-color:var(--color-box-blue-border)}.Box--danger{border-color:var(--color-border-danger)}.Box--danger .Box-row:first-of-type{border-color:var(--color-border-danger)}.Box--danger .Box-body:last-of-type{border-color:var(--color-border-danger)}.Box-header--blue{background-color:var(--color-box-header-blue-bg);border-color:var(--color-box-header-blue-border)}.Box-row--yellow{background-color:var(--color-box-row-yellow-bg)}.Box-row--blue{background-color:var(--color-box-row-blue-bg)}.Box-row--gray{background-color:var(--color-bg-tertiary)}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}

/*# sourceMappingURL=box.css.map */