diff options
Diffstat (limited to 'assets/sass/@primer/css/markdown')
| -rw-r--r-- | assets/sass/@primer/css/markdown/README.md | 25 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/blob-csv.scss | 29 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/code.scss | 69 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/headings.scss | 72 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/images.scss | 131 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/index.scss | 8 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/lists.scss | 77 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/markdown-body.scss | 99 | ||||
| -rw-r--r-- | assets/sass/@primer/css/markdown/tables.scss | 36 |
9 files changed, 0 insertions, 546 deletions
diff --git a/assets/sass/@primer/css/markdown/README.md b/assets/sass/@primer/css/markdown/README.md deleted file mode 100644 index 6097f4b..0000000 --- a/assets/sass/@primer/css/markdown/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "markdown" -generated: true ---- - -# Primer CSS: `markdown` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/markdown/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/markdown.css`. - -## License - -[MIT](https://github.com/primer/css/blob/master/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/assets/sass/@primer/css/markdown/blob-csv.scss b/assets/sass/@primer/css/markdown/blob-csv.scss deleted file mode 100644 index e97e447..0000000 --- a/assets/sass/@primer/css/markdown/blob-csv.scss +++ /dev/null @@ -1,29 +0,0 @@ -// stylelint-disable selector-max-type -.markdown-body .csv-data { - td, - th { - // stylelint-disable-next-line primer/spacing - padding: 5px; - overflow: hidden; - font-size: $font-size-small; - line-height: $lh-condensed-ultra; - text-align: left; - white-space: nowrap; - } - - .blob-num { - // stylelint-disable-next-line primer/spacing - padding: 10px $spacer-2 9px; - text-align: right; - background: $bg-white; - border: 0; - } - - tr { border-top: 0; } - - th { - font-weight: $font-weight-bold; - background: $bg-gray; - border-top: 0; - } -} diff --git a/assets/sass/@primer/css/markdown/code.scss b/assets/sass/@primer/css/markdown/code.scss deleted file mode 100644 index fbd2d16..0000000 --- a/assets/sass/@primer/css/markdown/code.scss +++ /dev/null @@ -1,69 +0,0 @@ -// stylelint-disable selector-max-type -.markdown-body { - // Inline code snippets - code, - tt { - // stylelint-disable-next-line primer/spacing - padding: 0.2em 0.4em; - margin: 0; - // stylelint-disable-next-line primer/typography - font-size: 85%; - // stylelint-disable-next-line primer/colors - background-color: rgba($black, 0.05); - border-radius: $border-radius; - - br { display: none; } - } - - del code { text-decoration: inherit; } - - pre { - word-wrap: normal; - - // Code tags within code blocks (<pre>s) - > code { - padding: 0; - margin: 0; - // stylelint-disable-next-line primer/typography - font-size: 100%; - word-break: normal; - white-space: pre; - background: transparent; - border: 0; - } - } - - .highlight { - margin-bottom: $spacer-3; - - pre { - margin-bottom: 0; - word-break: normal; - } - } - - .highlight pre, - pre { - padding: $spacer-3; - overflow: auto; - // stylelint-disable-next-line primer/typography - font-size: 85%; - // stylelint-disable-next-line primer/typography - line-height: 1.45; - background-color: $bg-gray; - border-radius: $border-radius; - } - - pre code, - pre tt { - display: inline; - max-width: auto; - padding: 0; - margin: 0; - overflow: visible; - line-height: inherit; - word-wrap: normal; - background-color: transparent; - border: 0; - } -} diff --git a/assets/sass/@primer/css/markdown/headings.scss b/assets/sass/@primer/css/markdown/headings.scss deleted file mode 100644 index 26347bb..0000000 --- a/assets/sass/@primer/css/markdown/headings.scss +++ /dev/null @@ -1,72 +0,0 @@ -// Needs refactoring -// stylelint-disable selector-max-compound-selectors, selector-max-specificity -// stylelint-disable selector-max-type -.markdown-body { - // Headings - h1, - h2, - h3, - h4, - h5, - h6 { - margin-top: $spacer-4; - margin-bottom: $spacer-3; - font-weight: $font-weight-bold; - line-height: $lh-condensed; - - .octicon-link { - color: $text-black; - vertical-align: middle; - visibility: hidden; - } - - &:hover .anchor { - text-decoration: none; - - .octicon-link { - visibility: visible; - } - } - - tt, - code { - font-size: inherit; - } - } - - h1 { - // stylelint-disable-next-line primer/spacing - padding-bottom: 0.3em; - // stylelint-disable-next-line primer/typography - font-size: 2em; - border-bottom: $border-width $border-style $border-gray-light; - } - - h2 { - // stylelint-disable-next-line primer/spacing - padding-bottom: 0.3em; - // stylelint-disable-next-line primer/typography - font-size: 1.5em; - border-bottom: $border-width $border-style $border-gray-light; - } - - h3 { - // stylelint-disable-next-line primer/typography - font-size: 1.25em; - } - - h4 { - font-size: 1em; - } - - h5 { - // stylelint-disable-next-line primer/typography - font-size: 0.875em; - } - - h6 { - // stylelint-disable-next-line primer/typography - font-size: 0.85em; - color: $text-gray-light; - } -} diff --git a/assets/sass/@primer/css/markdown/images.scss b/assets/sass/@primer/css/markdown/images.scss deleted file mode 100644 index caea502..0000000 --- a/assets/sass/@primer/css/markdown/images.scss +++ /dev/null @@ -1,131 +0,0 @@ -// Need to target base styles -// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type -// stylelint-disable selector-max-type -.markdown-body { - // Images & Stuff - img { - max-width: 100%; - // because we put padding on the images to hide header lines, and some people - // specify the width of their images in their markdown. - box-sizing: content-box; - background-color: $bg-white; - - &[align=right] { - // stylelint-disable-next-line primer/spacing - padding-left: 20px; - } - - &[align=left] { - // stylelint-disable-next-line primer/spacing - padding-right: 20px; - } - } - - .emoji { - max-width: none; - vertical-align: text-top; - // Override `<img>` styles so Emjois don't clash with zebra striping in our tables - background-color: transparent; - } - - // Gollum Image Tags - - // Framed - span.frame { - display: block; - overflow: hidden; - - > span { - display: block; - float: left; - width: auto; - // stylelint-disable-next-line primer/spacing - padding: 7px; - // stylelint-disable-next-line primer/spacing - margin: 13px 0 0; - overflow: hidden; - // stylelint-disable-next-line primer/borders - border: $border-width $border-style lighten($gray-300, 5%); - } - - span img { - display: block; - float: left; - } - - span span { - display: block; - // stylelint-disable-next-line primer/spacing - padding: 5px 0 0; - clear: both; - color: $text-gray-dark; - } - } - - span.align-center { - display: block; - overflow: hidden; - clear: both; - - > span { - display: block; - // stylelint-disable-next-line primer/spacing - margin: 13px auto 0; - overflow: hidden; - text-align: center; - } - - span img { - margin: 0 auto; - text-align: center; - } - } - - span.align-right { - display: block; - overflow: hidden; - clear: both; - - > span { - display: block; - // stylelint-disable-next-line primer/spacing - margin: 13px 0 0; - overflow: hidden; - text-align: right; - } - - span img { - margin: 0; - text-align: right; - } - } - - span.float-left { - display: block; - float: left; - // stylelint-disable-next-line primer/spacing - margin-right: 13px; - overflow: hidden; - - span { - // stylelint-disable-next-line primer/spacing - margin: 13px 0 0; - } - } - - span.float-right { - display: block; - float: right; - // stylelint-disable-next-line primer/spacing - margin-left: 13px; - overflow: hidden; - - > span { - display: block; - // stylelint-disable-next-line primer/spacing - margin: 13px auto 0; - overflow: hidden; - text-align: right; - } - } -} diff --git a/assets/sass/@primer/css/markdown/index.scss b/assets/sass/@primer/css/markdown/index.scss deleted file mode 100644 index b2e8d3d..0000000 --- a/assets/sass/@primer/css/markdown/index.scss +++ /dev/null @@ -1,8 +0,0 @@ -@import "../support/index.scss"; -@import "./markdown-body.scss"; -@import "./headings.scss"; -@import "./lists.scss"; -@import "./tables.scss"; -@import "./images.scss"; -@import "./code.scss"; -@import "./blob-csv.scss"; diff --git a/assets/sass/@primer/css/markdown/lists.scss b/assets/sass/@primer/css/markdown/lists.scss deleted file mode 100644 index b680faf..0000000 --- a/assets/sass/@primer/css/markdown/lists.scss +++ /dev/null @@ -1,77 +0,0 @@ -// Base styles -// stylelint-disable selector-no-qualifying-type -// stylelint-disable selector-max-type -.markdown-body { - - // Lists, Blockquotes & Such - ul, - ol { - // stylelint-disable-next-line primer/spacing - padding-left: 2em; - - &.no-list { - padding: 0; - list-style-type: none; - } - } - - // Did someone complain about list spacing? Encourage them - // to create the spacing with their markdown formatting. - // List behavior should be controled by the markup, not the css. - // - // For lists with padding between items, use blank - // lines between items. This will generate paragraphs with - // padding to space things out. - // - // - item - // - // - item - // - // - item - // - // For list without padding, don't use blank lines. - // - // - item - // - item - // - item - // - // Modifying the css to emulate these behaviors merely brakes - // one case in the process of solving another. Don't change - // this unless it's really really a bug. - ul ul, - ul ol, - ol ol, - ol ul { - margin-top: 0; - margin-bottom: 0; - } - - li { - word-wrap: break-all; - } - - li > p { - margin-top: $spacer-3; - } - - li + li { - margin-top: $em-spacer-3; - } - - dl { - padding: 0; - - dt { - padding: 0; - margin-top: $spacer-3; - font-size: 1em; - font-style: italic; - font-weight: $font-weight-bold; - } - - dd { - padding: 0 $spacer-3; - margin-bottom: $spacer-3; - } - } -} diff --git a/assets/sass/@primer/css/markdown/markdown-body.scss b/assets/sass/@primer/css/markdown/markdown-body.scss deleted file mode 100644 index 6581f19..0000000 --- a/assets/sass/@primer/css/markdown/markdown-body.scss +++ /dev/null @@ -1,99 +0,0 @@ -// All of our block level items should have the same margin -// stylelint-disable selector-max-type - -// This is styling for generic markdownized text. Anything you put in a -// container with .markdown-body on it should render generally well. It also -// includes some GitHub Flavored Markdown specific styling (like @mentions) -.markdown-body { - font-family: $body-font; - font-size: $h4-size; - line-height: $body-line-height; - word-wrap: break-word; - - @import "../base/kbd.scss"; // adds support for keyboard shortcuts - - // Clearfix on the markdown body - &::before { - display: table; - content: ""; - } - - &::after { - display: table; - clear: both; - content: ""; - } - - > *:first-child { - margin-top: 0 !important; - } - - > *:last-child { - margin-bottom: 0 !important; - } - - // Anchors like <a name="examples">. These sometimes end up wrapped around - // text when users mistakenly forget to close the tag or use self-closing tag - // syntax. We don't want them to appear like links. - // FIXME: a:not(:link):not(:visited) would be a little clearer here (and - // possibly faster to match), but it breaks styling of <a href> elements due - // to https://bugs.webkit.org/show_bug.cgi?id=142737. - a:not([href]) { - color: inherit; - text-decoration: none; - } - - // Link Colors - .absent { - color: $text-red; - } - - .anchor { - float: left; - padding-right: $spacer-1; - // stylelint-disable-next-line primer/spacing - margin-left: -20px; - line-height: $lh-condensed-ultra; - - &:focus { - outline: none; - } - } - - p, - blockquote, - ul, - ol, - dl, - table, - pre, - details { - margin-top: 0; - margin-bottom: $spacer-3; - } - - hr { - height: $em-spacer-3; - padding: 0; - margin: $spacer-4 0; - // stylelint-disable-next-line primer/colors - background-color: $gray-200; - border: 0; - } - - blockquote { - // stylelint-disable-next-line primer/spacing - padding: 0 1em; - color: $text-gray-light; - // stylelint-disable-next-line primer/borders - border-left: 0.25em $border-style lighten($gray-300, 5%); - - > :first-child { - margin-top: 0; - } - - > :last-child { - margin-bottom: 0; - } - } -} diff --git a/assets/sass/@primer/css/markdown/tables.scss b/assets/sass/@primer/css/markdown/tables.scss deleted file mode 100644 index 9d73d17..0000000 --- a/assets/sass/@primer/css/markdown/tables.scss +++ /dev/null @@ -1,36 +0,0 @@ -// Needs refactoring -// stylelint-disable selector-max-type -.markdown-body { - // Tables - table { - display: block; - width: 100%; - overflow: auto; - - th { - font-weight: $font-weight-bold; - } - - th, - td { - // stylelint-disable-next-line primer/spacing - padding: 6px 13px; - // stylelint-disable-next-line primer/borders - border: $border-width $border-style lighten($gray-300, 5%); - } - - tr { - background-color: $bg-white; - // stylelint-disable-next-line primer/borders - border-top: $border-width $border-style darken($gray-300, 4%); - - &:nth-child(2n) { - background-color: $bg-gray; - } - } - - img { - background-color: transparent; - } - } -} |