diff options
Diffstat (limited to 'assets/sass/@primer/css/subhead')
-rw-r--r-- | assets/sass/@primer/css/subhead/README.md | 25 | ||||
-rw-r--r-- | assets/sass/@primer/css/subhead/index.scss | 3 | ||||
-rw-r--r-- | assets/sass/@primer/css/subhead/subhead.scss | 39 |
3 files changed, 0 insertions, 67 deletions
diff --git a/assets/sass/@primer/css/subhead/README.md b/assets/sass/@primer/css/subhead/README.md deleted file mode 100644 index 2f8a8d1..0000000 --- a/assets/sass/@primer/css/subhead/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "subhead" -generated: true ---- - -# Primer CSS: `subhead` 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/subhead/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/subhead.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/subhead/index.scss b/assets/sass/@primer/css/subhead/index.scss deleted file mode 100644 index d0ed721..0000000 --- a/assets/sass/@primer/css/subhead/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import "../support/index.scss"; -@import "./subhead.scss"; diff --git a/assets/sass/@primer/css/subhead/subhead.scss b/assets/sass/@primer/css/subhead/subhead.scss deleted file mode 100644 index 5ab2629..0000000 --- a/assets/sass/@primer/css/subhead/subhead.scss +++ /dev/null @@ -1,39 +0,0 @@ -// Subhead styles -.Subhead { - display: flex; - padding-bottom: $spacer-2; - margin-bottom: $spacer-3; - border-bottom: $border; - flex-flow: row wrap; -} - -// Modifier class to give a lot of breathing room between sections of content. -.Subhead--spacious { - margin-top: $spacer-6; -} - -// <h2> sized heading with normal font weight -.Subhead-heading { - font-size: $h2-size; - font-weight: $font-weight-normal; - flex: 1 1 auto; -} - -// Make the text bold and red for dangerous content -.Subhead-heading--danger { - font-weight: $font-weight-bold; - color: $text-red; -} - -// One-liner of supporting text -.Subhead-description { - font-size: $body-font-size; - color: $text-gray; - flex: 1 100%; -} - -// Add 1 or 2 buttons to the right of the heading -.Subhead-actions { - align-self: center; - justify-content: flex-end; -} |