summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/toasts
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/toasts
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/toasts')
-rw-r--r--assets/sass/@primer/css/toasts/README.md25
-rw-r--r--assets/sass/@primer/css/toasts/index.scss2
-rw-r--r--assets/sass/@primer/css/toasts/toasts.scss106
3 files changed, 0 insertions, 133 deletions
diff --git a/assets/sass/@primer/css/toasts/README.md b/assets/sass/@primer/css/toasts/README.md
deleted file mode 100644
index 0915129..0000000
--- a/assets/sass/@primer/css/toasts/README.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-bundle: "toasts"
-generated: true
----
-
-# Primer CSS: `toasts` 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/toasts/index.scss";
-```
-
-## Build
-
-The `@primer/css` npm package includes a standalone CSS build of this module in `dist/toasts.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/toasts/index.scss b/assets/sass/@primer/css/toasts/index.scss
deleted file mode 100644
index e982bf0..0000000
--- a/assets/sass/@primer/css/toasts/index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import "../support/index.scss";
-@import "./toasts.scss";
diff --git a/assets/sass/@primer/css/toasts/toasts.scss b/assets/sass/@primer/css/toasts/toasts.scss
deleted file mode 100644
index a00422d..0000000
--- a/assets/sass/@primer/css/toasts/toasts.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-// Toast
-
-.Toast {
- display: flex;
- margin: $spacer-2;
- color: $text-black;
- background-color: $bg-white;
- border-radius: $border-radius;
- // stylelint-disable-next-line primer/box-shadow
- box-shadow: inset 0 0 0 1px $border-gray-dark, $box-shadow-medium;
-
- @include breakpoint(sm) {
- width: max-content;
- max-width: 450px;
- margin: $spacer-3;
- }
-}
-
-.Toast-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- width: $spacer-3 * 3;
- flex-shrink: 0;
- color: $text-white;
- background-color: $bg-blue;
- border-top-left-radius: inherit;
- border-bottom-left-radius: inherit;
-}
-
-.Toast-content {
- padding: $spacer-3;
-}
-
-.Toast-dismissButton {
- max-height: 54px; // keeps button aligned to the top
- padding: $spacer-3;
- background-color: transparent;
- border: 0;
-
- &:focus,
- &:hover {
- color: $text-gray;
- outline: none;
- }
-
- &:active {
- // stylelint-disable-next-line primer/colors
- color: $gray-400;
- }
-}
-
-// Modifier
-
-.Toast--error .Toast-icon {
- background-color: $bg-red;
-}
-
-.Toast--warning .Toast-icon {
- color: $text-gray-dark;
- // stylelint-disable-next-line primer/colors
- background-color: $yellow-600;
-}
-
-.Toast--success .Toast-icon {
- background-color: $bg-green;
-}
-
-.Toast--loading .Toast-icon {
- // stylelint-disable-next-line primer/colors
- background-color: $gray-600;
-}
-
-// Animations
-
-.Toast--animateIn {
- animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
-}
-
-@keyframes Toast--animateIn {
- 0% {
- opacity: 0;
- transform: translateY(100%);
- }
-}
-
-.Toast--animateOut {
- animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards;
-}
-
-@keyframes Toast--animateOut {
- 100% {
- pointer-events: none;
- opacity: 0;
- transform: translateY(100%);
- }
-}
-
-.Toast--spinner {
- animation: Toast--spinner 1000ms linear infinite;
-}
-
-@keyframes Toast--spinner {
- from { transform: rotate(0deg); }
- to { transform: rotate(360deg); }
-}