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/dropdown | |
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/dropdown')
-rw-r--r-- | assets/sass/@primer/css/dropdown/README.md | 25 | ||||
-rw-r--r-- | assets/sass/@primer/css/dropdown/dropdown.scss | 327 | ||||
-rw-r--r-- | assets/sass/@primer/css/dropdown/index.scss | 2 |
3 files changed, 0 insertions, 354 deletions
diff --git a/assets/sass/@primer/css/dropdown/README.md b/assets/sass/@primer/css/dropdown/README.md deleted file mode 100644 index 48e9c4b..0000000 --- a/assets/sass/@primer/css/dropdown/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "dropdown" -generated: true ---- - -# Primer CSS: `dropdown` 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/dropdown/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/dropdown.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/dropdown/dropdown.scss b/assets/sass/@primer/css/dropdown/dropdown.scss deleted file mode 100644 index d8fea5f..0000000 --- a/assets/sass/@primer/css/dropdown/dropdown.scss +++ /dev/null @@ -1,327 +0,0 @@ -.dropdown { - position: relative; -} - -.dropdown-caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: middle; - content: ""; - border-style: $border-style; - // stylelint-disable-next-line primer/borders - border-width: $spacer-1 $spacer-1 0; - border-right-color: transparent; - border-bottom-color: transparent; - border-left-color: transparent; -} - -// Requires a positioning class (e.g., `.dropdown-menu-w`) to determine which -// way the menu should render from the element triggering it. -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 100; - width: 160px; - padding-top: $spacer-1; - padding-bottom: $spacer-1; - // stylelint-disable-next-line primer/spacing - margin-top: 2px; - list-style: none; - background-color: $bg-white; - background-clip: padding-box; - border: $border-width $border-style $border-black-fade; - // stylelint-disable-next-line primer/borders - border-radius: $spacer-1; - box-shadow: $box-shadow-large; - - &::before, - &::after { - position: absolute; - display: inline-block; - content: ""; - } - - &::before { - // stylelint-disable-next-line primer/borders - border: $spacer-2 $border-style transparent; - border-bottom-color: $border-black-fade; - } - - &::after { - // stylelint-disable-next-line primer/borders - border: 7px $border-style transparent; - border-bottom-color: $border-white; - } - - // stylelint-disable-next-line selector-max-type - > ul { - list-style: none; - } -} - -.dropdown-menu-no-overflow { - width: auto; - - .dropdown-item { - padding: $spacer-1 $spacer-3; - overflow: visible; - text-overflow: inherit; - } -} - -// Dropdown items (can be links or buttons) -.dropdown-item { - display: block; - padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3; - overflow: hidden; - color: $text-gray-dark; - text-overflow: ellipsis; - white-space: nowrap; - - &:focus, - &:hover { - color: $text-white; - text-decoration: none; - background-color: $bg-blue; - outline: none; - - > .octicon { - color: inherit; - opacity: 1; - } - } - - &.btn-link { - width: 100%; - text-align: left; - } -} - -.dropdown-signout { - width: 100%; - text-align: left; - background: none; - border: 0; -} - -.dropdown-divider { - display: block; - height: 0; - margin: $spacer-2 0; - border-top: $border; -} - -.dropdown-header { - padding: $spacer-1 $spacer-3; - font-size: $h6-size; - color: $text-gray; -} - -.dropdown-item[aria-checked="false"] .octicon-check { - display: none; -} - -// Directional classes -// -// Move the menu and the caret attached to it. Requires at least one of these on -// the `.dropdown-menu` element. - -.dropdown-menu-w { - top: 0; - right: 100%; - left: auto; - width: auto; - margin-top: 0; - margin-right: $spacer-2; - - &::before { - top: 10px; - right: -$spacer-3; - left: auto; - border-color: transparent; - border-left-color: $border-black-fade; - } - - &::after { - top: 11px; - right: -14px; - left: auto; - border-color: transparent; - border-left-color: $border-white; - } -} - -.dropdown-menu-e { - top: 0; - left: 100%; - width: auto; - margin-top: 0; - margin-left: $spacer-2; - - &::before { - top: $spacer-2; - left: -$spacer-3; - border-color: transparent; - border-right-color: $border-black-fade; - } - - &::after { - top: 11px; - left: -14px; - border-color: transparent; - border-right-color: $border-white; - } -} - -.dropdown-menu-ne { - top: auto; - bottom: 100%; - left: 0; - // stylelint-disable-next-line primer/spacing - margin-bottom: 3px; - - &::before, - &::after { - top: auto; - right: auto; - } - - &::before { - bottom: -$spacer-2; - left: 9px; - // stylelint-disable-next-line primer/borders - border-top: $spacer-2 $border-style $border-black-fade; - // stylelint-disable-next-line primer/borders - border-right: $spacer-2 $border-style transparent; - border-bottom: 0; - // stylelint-disable-next-line primer/borders - border-left: $spacer-2 $border-style transparent; - } - - &::after { - bottom: -7px; - left: 10px; - // stylelint-disable-next-line primer/borders - border-top: 7px $border-style $border-white; - // stylelint-disable-next-line primer/borders - border-right: 7px $border-style transparent; - border-bottom: 0; - // stylelint-disable-next-line primer/borders - border-left: 7px $border-style transparent; - } -} - -.dropdown-menu-s { - right: 50%; - left: auto; - transform: translateX(50%); - - &::before { - top: -$spacer-3; - right: 50%; - transform: translateX(50%); - } - - &::after { - top: -14px; - right: 50%; - transform: translateX(50%); - } -} - -.dropdown-menu-sw { - right: 0; - left: auto; - - &::before { - top: -$spacer-3; - right: 9px; - left: auto; - } - - &::after { - top: -14px; - right: 10px; - left: auto; - } -} - -.dropdown-menu-se { - &::before { - top: -$spacer-3; - left: 9px; - } - - &::after { - top: -14px; - left: 10px; - } -} - -// Dark dropdowns -.dropdown-menu-dark { - color: $text-white; - // stylelint-disable-next-line primer/colors - background: $gray-800; - border-color: $border-gray-darker; - box-shadow: $box-shadow-large; - - &::before { - border-bottom-color: $border-gray-darker; - } - - &::after { - // stylelint-disable-next-line primer/borders - border-bottom-color: $gray-800; - } - - .dropdown-header { - // stylelint-disable-next-line primer/colors - color: $gray-300; - } - - .dropdown-divider { - border-top-color: $border-gray-darker; - } - - .dropdown-item { - color: inherit; - } - - // Directional classes - - &.dropdown-menu-w { - &::before { - border-color: transparent transparent transparent $border-gray-darker; - } - - &::after { - // stylelint-disable-next-line primer/borders - border-color: transparent transparent transparent $gray-800; - } - } - - &.dropdown-menu-e { - &::before { - border-color: transparent $border-gray-darker transparent transparent; - } - - &::after { - // stylelint-disable-next-line primer/borders - border-color: transparent $gray-800 transparent transparent; - } - } - - &.dropdown-menu-ne { - &::before { - border-color: $border-gray-darker transparent transparent transparent; - } - - &::after { - // stylelint-disable-next-line primer/borders - border-color: $gray-800 transparent transparent transparent; - } - } -} diff --git a/assets/sass/@primer/css/dropdown/index.scss b/assets/sass/@primer/css/dropdown/index.scss deleted file mode 100644 index 03e0249..0000000 --- a/assets/sass/@primer/css/dropdown/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import "../support/index.scss"; -@import "./dropdown.scss"; |