diff options
| author | amzrk2 | 2020-04-14 20:58:19 +0800 | 
|---|---|---|
| committer | amzrk2 | 2020-04-14 20:58:19 +0800 | 
| commit | baf7534870460015c194281ad98e1fef99911ef1 (patch) | |
| tree | cc424e273de1953917a06e5536b2fc527ead78a3 /assets/sass/@primer/css/box | |
| parent | f01d08490b3f5f35eca026792d0efe239bda4ff9 (diff) | |
| download | hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.tar.gz hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.tar.bz2 hugo-theme-fuji-baf7534870460015c194281ad98e1fef99911ef1.zip | |
Remove redundant Primer CSS
Diffstat (limited to 'assets/sass/@primer/css/box')
| -rw-r--r-- | assets/sass/@primer/css/box/README.md | 25 | ||||
| -rw-r--r-- | assets/sass/@primer/css/box/box.scss | 298 | ||||
| -rw-r--r-- | assets/sass/@primer/css/box/index.scss | 2 | 
3 files changed, 0 insertions, 325 deletions
| diff --git a/assets/sass/@primer/css/box/README.md b/assets/sass/@primer/css/box/README.md deleted file mode 100644 index 3085146..0000000 --- a/assets/sass/@primer/css/box/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "box" -generated: true ---- - -# Primer CSS: `box` 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/box/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/box.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/box/box.scss b/assets/sass/@primer/css/box/box.scss deleted file mode 100644 index af65ccd..0000000 --- a/assets/sass/@primer/css/box/box.scss +++ /dev/null @@ -1,298 +0,0 @@ -// Box -// Intended to replace simple-box, boxed-group, and table-list - -.Box { -  background-color: $bg-white; -  border: $border-width $border-style $border-gray-dark; -  border-radius: $border-radius; -} - -// Box padding density options -.Box--condensed { -  line-height: $lh-condensed; - -  .Box-header { -    padding: $spacer-2 $spacer-3; -  } - -  .Box-body { -    padding: $spacer-2 $spacer-3; -  } - -  .Box-footer { -    padding: $spacer-2 $spacer-3; -  } - -  .Box-btn-octicon { -    &.btn-octicon { -      padding: $spacer-2 $spacer-3; -      // stylelint-disable-next-line primer/spacing -      margin: (-$spacer-2) (-$spacer-3); -      line-height: $lh-condensed; -    } -  } - -  .Box-row { -    padding: $spacer-2 $spacer-3; -  } - -} - -.Box--spacious { -  .Box-header { -    padding: $spacer-4; -    line-height: $lh-condensed; -  } - -  .Box-title { -    font-size: $h3-size; -  } - -  .Box-body { -    padding: $spacer-4; -  } - -  .Box-footer { -    padding: $spacer-4; -  } - -  .Box-btn-octicon { -    &.btn-octicon { -      padding: $spacer-4; -      // stylelint-disable-next-line primer/spacing -      margin: (-$spacer-4) (-$spacer-4); -    } -  } - -  .Box-row { -    padding: $spacer-4; -  } - -} - -.Box-header { -  padding: $spacer-3; -  // stylelint-disable-next-line primer/spacing -  margin: (-$border-width) (-$border-width) 0; -  background-color: $bg-gray; -  border-color: $border-gray-dark; -  border-style: $border-style; -  border-width: $border-width; -  border-top-left-radius: $border-radius; -  border-top-right-radius: $border-radius; -} - -.Box-title { -  font-size: $body-font-size; -  font-weight: $font-weight-bold; -} - -.Box-body { -  padding: $spacer-3; -  border-bottom: $border-width $border-style $border-gray; - -  // Ensures bottom-border doesn't poke out when .Box-body used without box-footer -  &:last-of-type { -    // stylelint-disable-next-line primer/spacing -    margin-bottom: -$border-width; -    // stylelint-disable-next-line primer/borders -    border-bottom-right-radius: 2px; -    // stylelint-disable-next-line primer/borders -    border-bottom-left-radius: 2px; -  } -} - -// Box rows -.Box-row { -  padding: $spacer-3; -  // stylelint-disable-next-line primer/spacing -  margin-top: -1px; -  list-style-type: none; // To account for applying Box component to a list -  border-top: $border-width $border-style $border-gray; - -  &:first-of-type { -    // stylelint-disable-next-line primer/borders -    border-top-left-radius: 2px; -    // stylelint-disable-next-line primer/borders -    border-top-right-radius: 2px; -  } - -  &:last-of-type { -    // stylelint-disable-next-line primer/borders -    border-bottom-right-radius: 2px; -    // stylelint-disable-next-line primer/borders -    border-bottom-left-radius: 2px; -  } - -  // Adds a blue vertical line to the left of the row -  // For indicating a row item is unread -  &.Box-row--unread, -  // .unread to be deprecated with .Box-row-unread -  &.unread { -    // stylelint-disable-next-line primer/box-shadow -    box-shadow: 2px 0 0 $blue inset; -  } - -  &.navigation-focus { -    // Focus styles for when drag icon -    .Box-row--drag-button { -      color: $text-blue; -      cursor: grab; -      opacity: 100; -    } - -    // Grabbing while row is dragged -    &.is-dragging .Box-row--drag-button { -      cursor: grabbing; -    } - -    // Row dragging styles -    &.sortable-chosen { -      background-color: $bg-gray-light; -    } - -    // Makes dragging row background gray -    &.sortable-ghost { -      background-color: $bg-gray; - -      // Hides contents of row while dragging so row looks solid gray -      .Box-row--drag-hide { -        opacity: 0; -      } -    } - -  } -} - -.Box-row--focus-gray { -  &.navigation-focus { -    background-color: $bg-gray; -  } -} - -.Box-row--focus-blue { -  &.navigation-focus { -    background-color: $bg-blue-light; -  } -} - -.Box-row--hover-gray { -  &:hover { -    background-color: $bg-gray; -  } -} - -.Box-row--hover-blue { -  &:hover { -    background-color: $bg-blue-light; -  } -} - -// Optional link style -// Makes links on mobile blue since they don't have hover state, -// and links are dark-gray with blue hover on desktop. -.Box-row-link { -  @include breakpoint(md) { - -    color: $text-gray-dark; -    text-decoration: none; - -    &:hover { -      color: $text-blue; -      text-decoration: none; -    } - -  } -} - -// Optional drag icon styles for reordering items -// Focus styles included in .Box-row above -.Box-row--drag-button { -  opacity: 0; -} - -.Box-footer { -  padding: $spacer-3; -  // stylelint-disable-next-line primer/spacing -  margin-top: -1px; // prevents double border when used with .Box-body -  border-top: $border-width $border-style $border-gray; -} - -// Option for a box with scrolling content -.Box--scrollable { -  max-height: 324px; -  overflow: scroll; -} - -// Box themes - -.Box--blue { -  border-color: $border-blue-light; - -  .Box-header { -    background-color: $bg-blue-light; -    border-color: $border-blue-light; -  } - -  .Box-body { -    border-color: $border-blue-light; -  } - -  .Box-row { -    border-color: $border-blue-light; -  } - -  .Box-footer { -    border-color: $border-blue-light; -  } -} - -// Applies and red border to the outside of the box, -// but not to the border separating rows. -.Box--danger { -  border-color: $border-red; - -  .Box-row { -    &:first-of-type { -      border-color: $border-red; -    } -  } - -  .Box-body { -    &:last-of-type { -      border-color: $border-red; -    } -  } -} - -.Box-header--blue { -  background-color: $bg-blue-light; -  border-color: $border-blue-light; -} - -// Box row highlight themes - -.Box-row--yellow { -  // stylelint-disable-next-line primer/colors -  background-color: $yellow-100; -} - -.Box-row--blue { -  background-color: $bg-blue-light; -} - -.Box-row--gray { -  background-color: $bg-gray; -} - -//Box with btn-octicon -.Box-btn-octicon { - -  // Increase specificity when btn-octicon is used because comes after .Box in the cascade -  &.btn-octicon { -    padding: $spacer-3 $spacer-3; -    // stylelint-disable-next-line primer/spacing -    margin: (-$spacer-3) (-$spacer-3); -    line-height: $lh-default; // override btn-octicon line-height -  } -} diff --git a/assets/sass/@primer/css/box/index.scss b/assets/sass/@primer/css/box/index.scss deleted file mode 100644 index f4157ba..0000000 --- a/assets/sass/@primer/css/box/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import "../support/index.scss"; -@import "./box.scss"; | 
