diff options
| author | Patrick H. Lauke <[email protected]> | 2016-07-19 22:10:36 +0100 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2016-07-20 10:29:54 +0100 |
| commit | d125860464d2a47f957193440097b502acf95832 (patch) | |
| tree | a4690cc6ffaf3d00b5627b82a8c9f43c0c3dd94a | |
| parent | a426c4951cf34d20469484e642b7416867b29a9c (diff) | |
| download | bootstrap-d125860464d2a47f957193440097b502acf95832.tar.xz bootstrap-d125860464d2a47f957193440097b502acf95832.zip | |
change navbar-toggler to use SVG background image
| -rw-r--r-- | scss/_navbar.scss | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/scss/_navbar.scss b/scss/_navbar.scss index 6c4e9efa5..574420b94 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -105,10 +105,16 @@ // Bootstrap JavaScript plugin. .navbar-toggler { + box-sizing: content-box; + width: 1em; + height: 1em; padding: .5rem .75rem; font-size: $font-size-lg; 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; @include border-radius($btn-border-radius); |