_anchorjs.scss 751 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. // AnchorJS Styles
  2. //
  3. // Styles for AnchorJS elements following the Bootstrap docs styles.
  4. //
  5. // @see https://github.com/twbs/bootstrap/blob/master/docs/assets/css/src/docs.css#L1599
  6. .anchorjs-link {
  7. float: left;
  8. width: 1em;
  9. height: 1em;
  10. margin-left: -1.2em;
  11. opacity: 0;
  12. color: inherit;
  13. text-align: center;
  14. &:link,
  15. &:visited {
  16. text-decoration: none;
  17. color: inherit;
  18. }
  19. @media (max-width: 480px) {
  20. display: none;
  21. }
  22. }
  23. *:hover > .anchorjs-link {
  24. opacity: .5;
  25. -webkit-transition: all .16s linear;
  26. -o-transition: all .16s linear;
  27. transition: all .16s linear;
  28. }
  29. *:hover > .anchorjs-link:hover,
  30. .anchorjs-link:focus {
  31. opacity: 1;
  32. }
  33. .anchorjs-icon {
  34. font-size: 60%;
  35. vertical-align: .2em;
  36. }