1
0
mirror of synced 2025-12-21 19:06:49 -05:00
Files
docs/stylesheets/tables.scss
Ethan Palm 18c71b152b Language support across GitHub products (#18677)
* Update content

* Create github-language-support.md

* Add reminder HTML comments

* Add link to supported languages article

* Add intro for GitHub's products

* Add note to list of CodeQL supported languages

* table with package managers

* Update table and add conceptual info

* Versioning to fix broken links

* Fix table layout

* Add package managers to table

* Fix versioning syntax

* Incorporate reviewer feedback

* Center table headers

* Update Dependabot features in table

* Add footnote for third-party code scanning support

* Update link

* support native markdown table alignments

* Update links for ghes2.22

* Use proper names of package managers

* Add Scala

* Adjust conceptual info

* Flip table axes

* Delete unused reusables

* Update link to Packages info

* fix merge conflict

* fix other merge conflict

* Update codeql-languages-bullets.md

* Revert "Update codeql-languages-bullets.md"

This reverts commit 69547205f5e43a8fbf3edc51c89f0f647eef285a.

* Update article topic to sentence case

Co-authored-by: Sarah Schneider <sarahs@github.com>
2021-05-10 12:35:34 -04:00

88 lines
1.6 KiB
SCSS

// Largely overwritten in tables.scss
.markdown-body table {
display: table;
table-layout: fixed;
line-height: 1.5;
}
.markdown-body table {
border-collapse: collapse;
position: relative;
font-size: 90%;
width: 100%;
/* We want to keep table-layout: auto so that column widths dynamically adjust;
otherwise entries get needlessly squashed into narrow columns. As a workaround,
we use javascripts/wrap-code-terms.js to prevent some reference table content
from expanding beyond the horizontal boundaries of the parent element. */
table-layout: auto;
code {
font-size: 85%;
padding: 0.2em 0.4em;
background-color: rgba(0, 0, 0, 0.05);
border-radius: $border-radius;
}
pre {
> code {
padding: 0;
background-color: transparent;
}
}
thead tr {
border: none;
}
th {
font-weight: normal;
text-align: left;
position: sticky;
vertical-align: top;
z-index: 1;
top: 0;
background: var(--color-bg-primary);
box-shadow: 0 3px 0 0 var(--color-auto-gray-4);
padding: 12px 8px;
border: 0px;
}
th[align="center"] {
text-align: center;
}
th[align="right"] {
text-align: right;
}
th:first-child,
td:first-child {
padding-left: 0;
}
td {
padding: 10px 8px;
border: 0px;
vertical-align: top;
}
// markdown that has been converted to HTML is often wrapped in <p> tags
// don't let it interfere with the spacing
td p {
padding: 0;
margin: 0;
}
tr:nth-child(2n) {
background: none;
}
td.has-nested-table {
width: 100%;
table {
table-layout: auto;
}
}
}