summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/navigation/sidenav.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/sass/@primer/css/navigation/sidenav.scss')
-rw-r--r--assets/sass/@primer/css/navigation/sidenav.scss111
1 files changed, 0 insertions, 111 deletions
diff --git a/assets/sass/@primer/css/navigation/sidenav.scss b/assets/sass/@primer/css/navigation/sidenav.scss
deleted file mode 100644
index 35bffdd..0000000
--- a/assets/sass/@primer/css/navigation/sidenav.scss
+++ /dev/null
@@ -1,111 +0,0 @@
-// Side Nav
-//
-// A vertical list of navigational links, typically used on the left side of a page.
-
-.SideNav {
- background-color: $bg-gray-light;
-}
-
-.SideNav-item {
- position: relative;
- display: block;
- width: 100%;
- padding: $spacer-3;
- color: $text-gray;
- text-align: left;
- background-color: transparent;
- border: 0;
- border-top: $border;
-
- &:first-child {
- border-top: 0;
- }
-
- &:last-child {
- // makes sure there is a "bottom border" in case the list is not long enough
- // stylelint-disable-next-line primer/box-shadow
- box-shadow: 0 $border-width 0 $border-color;
- }
-
- // Bar on the left
- &::before {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- z-index: 1;
- width: 3px;
- pointer-events: none;
- content: "";
- }
-}
-
-// States
-
-.SideNav-item:hover,
-.SideNav-item:focus {
- color: $text-gray-dark;
- text-decoration: none;
- background-color: $bg-gray;
- outline: none;
-
- // Bar on the left
- &::before {
- // stylelint-disable-next-line primer/colors
- background-color: $gray-300;
- }
-}
-
-.SideNav-item:active {
- background-color: $bg-white;
-}
-
-.SideNav-item[aria-current="page"],
-.SideNav-item[aria-selected="true"] {
- font-weight: $font-weight-semibold;
- color: $text-gray-dark;
- background-color: $bg-white;
-
- // Bar on the left
- &::before {
- // stylelint-disable-next-line primer/colors
- background-color: $orange-600;
- }
-}
-
-// Icon
-//
-// Makes sure multiple icons are vertically aligned
-
-.SideNav-icon {
- width: 16px;
- color: $text-gray-light;
-}
-
-// Sub Nav
-//
-// A more lightweight version, suited as a sub nav
-
-.SideNav-subItem {
- position: relative;
- display: block;
- width: 100%;
- padding: $spacer-1 0;
- color: $text-blue;
- text-align: left;
- background-color: transparent;
- border: 0;
-}
-
-.SideNav-subItem:hover,
-.SideNav-subItem:focus {
- color: $text-gray-dark;
- text-decoration: none;
- outline: none;
-}
-
-.SideNav-subItem[aria-current="page"],
-.SideNav-subItem[aria-selected="true"] {
- font-weight: $font-weight-semibold;
- color: $text-gray-dark;
-}