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/autocomplete | |
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/autocomplete')
-rw-r--r-- | assets/sass/@primer/css/autocomplete/README.md | 25 | ||||
-rw-r--r-- | assets/sass/@primer/css/autocomplete/autocomplete.scss | 43 | ||||
-rw-r--r-- | assets/sass/@primer/css/autocomplete/index.scss | 4 | ||||
-rw-r--r-- | assets/sass/@primer/css/autocomplete/suggester.scss | 75 |
4 files changed, 0 insertions, 147 deletions
diff --git a/assets/sass/@primer/css/autocomplete/README.md b/assets/sass/@primer/css/autocomplete/README.md deleted file mode 100644 index 398bc22..0000000 --- a/assets/sass/@primer/css/autocomplete/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "autocomplete" -generated: true ---- - -# Primer CSS: `autocomplete` 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/autocomplete/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/autocomplete.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/autocomplete/autocomplete.scss b/assets/sass/@primer/css/autocomplete/autocomplete.scss deleted file mode 100644 index 5c5d1f8..0000000 --- a/assets/sass/@primer/css/autocomplete/autocomplete.scss +++ /dev/null @@ -1,43 +0,0 @@ -// A pop up list of items used to show autocompleted results -.autocomplete-results { - position: absolute; - z-index: 99; - width: 100%; - max-height: 20em; - overflow-y: auto; - // stylelint-disable-next-line primer/typography - font-size: 13px; - list-style: none; - background: $bg-white; - border-radius: $border-radius; - // stylelint-disable-next-line primer/box-shadow - box-shadow: 0 0 5px $black-fade-30; -} - -// One of the items that appears within an autocomplete group -// Bold black text on white background - -.autocomplete-item { - display: block; - padding: $spacer-1 $spacer-2; - overflow: hidden; - font-weight: $font-weight-bold; - text-decoration: none; - text-overflow: ellipsis; - white-space: nowrap; - cursor: pointer; - - &:hover, - &.selected, - &[aria-selected=true], - &.navigation-focus { - color: $text-white; - text-decoration: none; - background-color: $bg-blue; - - // Inherit color on all child elements to ensure enough contrast - * { - color: inherit !important; - } - } -} diff --git a/assets/sass/@primer/css/autocomplete/index.scss b/assets/sass/@primer/css/autocomplete/index.scss deleted file mode 100644 index f311c0c..0000000 --- a/assets/sass/@primer/css/autocomplete/index.scss +++ /dev/null @@ -1,4 +0,0 @@ -// support files -@import "../support/index.scss"; -@import "./autocomplete.scss"; -@import "./suggester.scss"; diff --git a/assets/sass/@primer/css/autocomplete/suggester.scss b/assets/sass/@primer/css/autocomplete/suggester.scss deleted file mode 100644 index 5ac5421..0000000 --- a/assets/sass/@primer/css/autocomplete/suggester.scss +++ /dev/null @@ -1,75 +0,0 @@ -// Needs refactoring -// stylelint-disable selector-max-type, selector-no-qualifying-type - -.suggester { - position: relative; - top: 0; - left: 0; - min-width: 180px; - padding: 0; - margin: 0; - margin-top: $spacer-4; - list-style: none; - cursor: pointer; - background: $bg-white; - border: $border; - border-radius: $border-radius; - box-shadow: $box-shadow-medium; - - li { - display: block; - padding: $spacer-1 $spacer-2; - font-weight: $font-weight-bold; - border-bottom: $border; - - small { - font-weight: $font-weight-normal; - color: $text-gray; - } - - &:last-child { - border-bottom: 0; - border-bottom-right-radius: $border-radius; - border-bottom-left-radius: $border-radius; - } - - &:first-child { - border-top-left-radius: $border-radius; - border-top-right-radius: $border-radius; - } - - &:hover, - &[aria-selected="true"], - &.navigation-focus { - color: $text-white; - text-decoration: none; - background: $bg-blue; - - small { - color: $text-white; - } - } - } -} - -.suggester-container { - position: absolute; - top: 0; - left: 0; - z-index: 30; -} - -// Responsive - -.page-responsive { - @media (max-width: $width-sm) { - .suggester-container { - right: $spacer-2 !important; - left: $spacer-2 !important; - } - - .suggester li { - padding: $spacer-2 $spacer-3; - } - } -} |