root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

redesign anchors

This commit is contained in:
Mark Otto 2017-05-29 12:00:47 -07:00 committed by Mark Otto
parent 0ef7cb866e
commit 6ea359435d
2 changed files with 10 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/js/src/application.js
View File

@ -103,6 +103,8 @@
;(function () {
'use strict'
anchors.options.placement = 'left'
anchors.add('.bd-content > h1, .bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
anchors.options = {
icon: '#'
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
}())

22
assets/scss/_anchor.scss
View File

@ -1,24 +1,12 @@
// scss-lint:disable ImportantRule
.anchorjs-link {
padding-right: .25em !important;
margin-left: -.75em !important;
color: inherit;
}
@media (max-width: 480px) {
.anchorjs-link {
display: none;
}
}
*:hover > .anchorjs-link {
opacity: .75;
font-weight: normal;
color: rgba($link-color, .5);
transition: color .16s linear;
}
*:hover > .anchorjs-link:hover,
.anchorjs-link:focus {
&:hover {
color: $link-color;
text-decoration: none;
opacity: 1;
}
}