diff options
Diffstat (limited to 'assets/sass/@primer/css/navigation/menu.scss')
-rw-r--r-- | assets/sass/@primer/css/navigation/menu.scss | 133 |
1 files changed, 0 insertions, 133 deletions
diff --git a/assets/sass/@primer/css/navigation/menu.scss b/assets/sass/@primer/css/navigation/menu.scss deleted file mode 100644 index cc7e858..0000000 --- a/assets/sass/@primer/css/navigation/menu.scss +++ /dev/null @@ -1,133 +0,0 @@ -// Side menu -// -// A menu on the side of a page, defaults to left side. e.g. github.com/about - -.menu { - // stylelint-disable-next-line primer/spacing - margin-bottom: 15px; - list-style: none; - background-color: $bg-white; - border: $border-width $border-style $border-gray-dark; - border-radius: $border-radius; -} - -.menu-item { - position: relative; - display: block; - padding: $spacer-2 10px; - border-bottom: $border; - - &:first-child { - border-top: 0; - // stylelint-disable-next-line primer/borders - border-top-left-radius: 2px; - // stylelint-disable-next-line primer/borders - border-top-right-radius: 2px; - - // stylelint-disable-next-line primer/borders - &::before { border-top-left-radius: 2px; } - } - - &:last-child { - border-bottom: 0; - // stylelint-disable-next-line primer/borders - border-bottom-right-radius: 2px; - // stylelint-disable-next-line primer/borders - border-bottom-left-radius: 2px; - - // stylelint-disable-next-line primer/borders - &::before { border-bottom-left-radius: 2px; } - } - - &:hover { - text-decoration: none; - background-color: $bg-gray; - } - - &.selected, - &[aria-selected=true], - &[aria-current] { - font-weight: $font-weight-bold; - color: $text-gray-dark; - cursor: default; - background-color: $bg-white; - - &::before { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 2px; - content: ""; - // stylelint-disable-next-line primer/colors - background-color: $orange-600; - } - } - - .octicon { - width: 16px; - // stylelint-disable-next-line primer/spacing - margin-right: 5px; - color: $text-gray-dark; - text-align: center; - } - - .Counter { - float: right; - // stylelint-disable-next-line primer/spacing - margin-left: 5px; - } - - .menu-warning { - float: right; - // stylelint-disable-next-line primer/colors - color: $red-900; - } - - .avatar { - float: left; - // stylelint-disable-next-line primer/spacing - margin-right: 5px; - } - - &.alert { - .Counter { - color: $text-red; - } - } -} - -.menu-heading { - display: block; - padding: $spacer-2 10px; - margin-top: 0; - margin-bottom: 0; - // stylelint-disable-next-line primer/typography - font-size: 13px; - font-weight: $font-weight-bold; - // stylelint-disable-next-line primer/typography - line-height: 20px; - color: $text-gray; - // stylelint-disable-next-line primer/colors - background-color: darken($gray-100, 1%); - border-bottom: $border; - - &:hover { - text-decoration: none; - } - - &:first-child { - // stylelint-disable-next-line primer/borders - border-top-left-radius: 2px; - // stylelint-disable-next-line primer/borders - border-top-right-radius: 2px; - } - - &:last-child { - border-bottom: 0; - // stylelint-disable-next-line primer/borders - border-bottom-right-radius: 2px; - // stylelint-disable-next-line primer/borders - border-bottom-left-radius: 2px; - } -} |