kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

redesign anchors

Browse source
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 () { ;(function () {
'use strict' 'use strict'
anchors.options.placement = 'left' anchors.options = {
anchors.add('.bd-content > h1, .bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5') icon: '#'
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
}()) }())

24
assets/scss/_anchor.scss
View file

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