From baf7534870460015c194281ad98e1fef99911ef1 Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Tue, 14 Apr 2020 20:58:19 +0800 Subject: Remove redundant Primer CSS --- assets/sass/@primer/css/buttons/README.md | 25 --- assets/sass/@primer/css/buttons/button-group.scss | 91 ---------- assets/sass/@primer/css/buttons/button.scss | 201 ---------------------- assets/sass/@primer/css/buttons/index.scss | 4 - assets/sass/@primer/css/buttons/misc.scss | 90 ---------- 5 files changed, 411 deletions(-) delete mode 100644 assets/sass/@primer/css/buttons/README.md delete mode 100644 assets/sass/@primer/css/buttons/button-group.scss delete mode 100644 assets/sass/@primer/css/buttons/button.scss delete mode 100644 assets/sass/@primer/css/buttons/index.scss delete mode 100644 assets/sass/@primer/css/buttons/misc.scss (limited to 'assets/sass/@primer/css/buttons') diff --git a/assets/sass/@primer/css/buttons/README.md b/assets/sass/@primer/css/buttons/README.md deleted file mode 100644 index 3489e3a..0000000 --- a/assets/sass/@primer/css/buttons/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "buttons" -generated: true ---- - -# Primer CSS: `buttons` 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/buttons/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/buttons.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/buttons/button-group.scss b/assets/sass/@primer/css/buttons/button-group.scss deleted file mode 100644 index 429fad9..0000000 --- a/assets/sass/@primer/css/buttons/button-group.scss +++ /dev/null @@ -1,91 +0,0 @@ -// Button group -// -// A button group is a series of buttons laid out next to each other, all part -// of one visual button, but separated by rules to be separate. - -.BtnGroup { - display: inline-block; - vertical-align: middle; - @include clearfix(); - - // Proper spacing for multiple button groups (a la, gollum editor) - + .BtnGroup, - + .btn { - margin-left: $spacer-1; - } -} - -.BtnGroup-item { - position: relative; - float: left; - border-right-width: 0; - border-radius: 0; - - &:first-child { - border-top-left-radius: $border-radius; - border-bottom-left-radius: $border-radius; - } - - &:last-child { - border-right-width: $border-width; - border-top-right-radius: $border-radius; - border-bottom-right-radius: $border-radius; - } - - &.selected, - &[aria-selected=true], - &:focus, - &:active, - &:hover { - border-right-width: $border-width; - - + .BtnGroup-item, - + .BtnGroup-parent .BtnGroup-item { - border-left-width: 0; - } - } -} - -.BtnGroup-parent { - float: left; - - &:first-child .BtnGroup-item { - border-top-left-radius: $border-radius; - border-bottom-left-radius: $border-radius; - } - - &:last-child .BtnGroup-item { - border-right-width: $border-width; - border-top-right-radius: $border-radius; - border-bottom-right-radius: $border-radius; - } - - .BtnGroup-item { - border-right-width: 0; - border-radius: 0; - } - - &.selected, - &[aria-selected=true], - &:focus, - &:active, - &:hover { - .BtnGroup-item { - border-right-width: $border-width; - } - - + .BtnGroup-item, - + .BtnGroup-parent .BtnGroup-item { - border-left-width: 0; - } - } -} - -// ensure that the focus ring sits above the adjacent buttons -.BtnGroup-item, -.BtnGroup-parent { - &:focus, - &:active { - z-index: 1; - } -} diff --git a/assets/sass/@primer/css/buttons/button.scss b/assets/sass/@primer/css/buttons/button.scss deleted file mode 100644 index 5bdd90a..0000000 --- a/assets/sass/@primer/css/buttons/button.scss +++ /dev/null @@ -1,201 +0,0 @@ -// stylelint-disable selector-max-type, block-opening-brace-space-before, no-duplicate-selectors - -// Base button styles -.btn { - position: relative; - display: inline-block; - // stylelint-disable-next-line primer/spacing - padding: 6px 12px; - font-size: $body-font-size; - font-weight: $font-weight-bold; - // stylelint-disable-next-line primer/typography - line-height: 20px; // Specifically not inherit our `` default - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - user-select: none; - background-repeat: repeat-x; - background-position: -1px -1px; - background-size: 110% 110%; - border: $border-width $border-style $border-color-button; - // stylelint-disable-next-line primer/borders - border-radius: 0.25em; - appearance: none; // Corrects inability to style clickable `input` types in iOS. - - i { - font-style: normal; - font-weight: $font-weight-semibold; - opacity: 0.75; - } - - .octicon { - vertical-align: text-top; - } - - // Darken for just a tad more contrast against the button background - .Counter { - color: $text-gray; - text-shadow: none; - // stylelint-disable-next-line primer/colors - background-color: rgba($black, 0.1); - } - - &:hover { - text-decoration: none; - background-repeat: repeat-x; - } - - &:focus { - outline: 0; - } - - &:disabled, - &.disabled, - &[aria-disabled=true] { - cursor: default; - // Repeat `background-position` because `:hover` - background-position: 0 0; - } - - &:active, - &.selected, - &[aria-selected=true] { - background-image: none; - } -} - -.btn { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); } -.btn-primary { @include btn-solid($text-white, $green-400, $green-500); } -.btn-blue { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); } -.btn-danger { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); } - -// Outline button -// -// For when we need a linky-action that's not too heavy in busier -// areas like conversation timelines. -.btn-outline { - @include btn-outline($text-blue); -} - -// Social button count -.btn-with-count { - float: left; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -// Minibutton overrides -// -// Tweak `line-height` to make them smaller. -.btn-sm { - // stylelint-disable-next-line primer/spacing - padding: 3px 10px; - font-size: $font-size-small; - // stylelint-disable-next-line primer/typography - line-height: 20px; -} - -// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g,

-.btn-large { - padding: $em-spacer-6 1.25em; - font-size: inherit; - // stylelint-disable-next-line primer/borders - border-radius: 6px; -} - -// Full-width button -// -// These buttons expand to the full width of their parent container -.btn-block { - display: block; - width: 100%; - text-align: center; -} - -// Link-like buttons -// -// This class is for styling