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/toasts | |
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/toasts')
-rw-r--r-- | assets/sass/@primer/css/toasts/README.md | 25 | ||||
-rw-r--r-- | assets/sass/@primer/css/toasts/index.scss | 2 | ||||
-rw-r--r-- | assets/sass/@primer/css/toasts/toasts.scss | 106 |
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); } -} |