summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/box
diff options
context:
space:
mode:
authoramzrk22020-04-14 20:58:19 +0800
committeramzrk22020-04-14 20:58:19 +0800
commitbaf7534870460015c194281ad98e1fef99911ef1 (patch)
treecc424e273de1953917a06e5536b2fc527ead78a3 /assets/sass/@primer/css/box
parentf01d08490b3f5f35eca026792d0efe239bda4ff9 (diff)
downloadhugo-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.md25
-rw-r--r--assets/sass/@primer/css/box/box.scss298
-rw-r--r--assets/sass/@primer/css/box/index.scss2
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";