rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

change navbar-toggler to use SVG background image

Browse Source
This commit is contained in:
Patrick H. Lauke 2016-07-19 22:10:36 +01:00
parent a426c4951c
commit d125860464
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
scss/_navbar.scss
View File

@ -105,10 +105,16 @@
// Bootstrap JavaScript plugin. // Bootstrap JavaScript plugin.
.navbar-toggler { .navbar-toggler {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .5rem .75rem; padding: .5rem .75rem;
font-size: $font-size-lg; font-size: $font-size-lg;
line-height: 1; line-height: 1;
background: none; background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20y%3D%222%22%20width%3D%2216%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%2216%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2212%22%20width%3D%2216%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E) no-repeat 50% 50%;
background-clip: content-box;
background-origin: content-box;
background-size: 1em 1em;
border: $border-width solid transparent; border: $border-width solid transparent;
@include border-radius($btn-border-radius); @include border-radius($btn-border-radius);