mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki Activity

Move sidebar icon to CSS

Browse Source
This commit is contained in:
Mark Otto
2019-07-16 16:00:46 -07:00
committed by XhmikosR
parent 8bc6692082
commit ebcc3ff9af
3 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
site/static/docs/4.3/assets/scss/_sidebar.scss
View File

@@ -43,6 +43,18 @@
color: rgba(0, 0, 0, .65);
@include border-radius(.25rem);
&::before {
display: inline-block;
width: .875rem;
height: .875rem;
margin-right: .25rem;
content: "";
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" role="img"><path stroke="currentColor" stroke-width="2" d="M5 14l6-6-6-6" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-repeat: no-repeat;
background-position: center center;
opacity: .5;
}
> * { pointer-events: none; }
&:hover {
@@ -52,15 +64,9 @@
}
}
.bd-sidenav-group-link-icon {
width: .875rem;
margin-right: .25rem;
opacity: .5;
}
.bd-sidenav-group {
&.active {
.bd-sidenav-group-link-icon {
.bd-sidenav-group-link::before {
transform: rotate(90deg);
}
@@ -74,6 +80,11 @@
}
}
// Hide icon on last item
.bd-sidenav-group:last-child .bd-sidenav-group-link::before {
display: none;
}
// All levels of nav
.bd-sidebar .nav {
padding-left: 1.25rem;