diff options
Diffstat (limited to 'assets/sass/@primer/css/alerts')
-rw-r--r-- | assets/sass/@primer/css/alerts/README.md | 25 | ||||
-rw-r--r-- | assets/sass/@primer/css/alerts/flash.scss | 103 | ||||
-rw-r--r-- | assets/sass/@primer/css/alerts/index.scss | 3 |
3 files changed, 0 insertions, 131 deletions
diff --git a/assets/sass/@primer/css/alerts/README.md b/assets/sass/@primer/css/alerts/README.md deleted file mode 100644 index 6dc24b8..0000000 --- a/assets/sass/@primer/css/alerts/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "alerts" -generated: true ---- - -# Primer CSS: `alerts` 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/alerts/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/alerts.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/alerts/flash.scss b/assets/sass/@primer/css/alerts/flash.scss deleted file mode 100644 index b8b82c8..0000000 --- a/assets/sass/@primer/css/alerts/flash.scss +++ /dev/null @@ -1,103 +0,0 @@ -// Default flash -// stylelint-disable selector-max-type -.flash { - position: relative; - padding: $spacer-3; - // stylelint-disable-next-line primer/colors - color: $blue-800; - // stylelint-disable-next-line primer/colors - background-color: $blue-100; - border: $border-width $border-style $border-black-fade; - border-radius: $border-radius; - - p:last-child { - margin-bottom: 0; - } -} - -// Contain the flash messages -.flash-messages { - margin-bottom: $spacer-4; -} - -// Close button -.flash-close { - float: right; - padding: $spacer-3; - margin: -$spacer-3; - color: inherit; - text-align: center; - cursor: pointer; - // Undo `<button>` styles - background: none; - border: 0; - appearance: none; - opacity: 0.6; - - &:hover { - opacity: 1; - } -} - -// Action button -.flash-action { - float: right; - // stylelint-disable-next-line primer/spacing - margin-top: -3px; - margin-left: $spacer-4; -} - -// -// Variations -// - -.flash-warn { - // stylelint-disable-next-line primer/colors - color: $yellow-900; - // stylelint-disable-next-line primer/colors - background-color: $yellow-100; - border-color: $border-black-fade; -} - -.flash-error { - // stylelint-disable-next-line primer/colors - color: $red-900; - background-color: $bg-red-light; - border-color: $border-black-fade; -} - -.flash-success { - // stylelint-disable-next-line primer/colors - color: $green-800; - background-color: $bg-green-light; - border-color: $border-black-fade; -} - -.flash-full { - // stylelint-disable-next-line primer/spacing - margin-top: -1px; - border-width: $border-width 0; - border-radius: 0; -} - -// A banner rendered at the top of the page. -.flash-banner { - position: fixed; - top: 0; - z-index: 90; - width: 100%; - border-top: 0; - border-right: 0; - border-left: 0; - border-radius: 0; -} - -// FIXME deprecate this -.warning { - padding: $em-spacer-5; - // stylelint-disable-next-line primer/spacing - margin-bottom: 0.8em; - font-weight: $font-weight-bold; - // stylelint-disable-next-line primer/colors - background-color: $yellow-100; -} diff --git a/assets/sass/@primer/css/alerts/index.scss b/assets/sass/@primer/css/alerts/index.scss deleted file mode 100644 index 0c4b746..0000000 --- a/assets/sass/@primer/css/alerts/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import "../support/index.scss"; -@import "./flash.scss"; |