add side bar bullet

This commit is contained in:
Phu Pham
2023-05-11 18:04:43 -04:00
parent f726abb537
commit e43cf7ffaa
2 changed files with 30 additions and 1 deletions

File diff suppressed because one or more lines are too long

View File

@@ -137,4 +137,33 @@
max-width: 70%; max-width: 70%;
} }
@mixin sidebar-bullet {
content: "\2022";
color: $blue-purple-500;
font-weight: bold;
display: inline-block;
margin-right: 16px;
z-index: 1;
font-size: 20px;
}
.tutorial-sidebar {
.nav-link {
display: inline-block;
}
.nav-link:hover {
border: none;
padding-left: 0;
}
.nav-link:hover::before {
@include sidebar-bullet;
margin-left: -4px;
}
.active::before {
@include sidebar-bullet;
margin-left: -5px;
}
.active {
padding-left: 0;
}
}