minilink.css 923 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* Mini link */
  2. .minilink {
  3. display: inline-block;
  4. padding: .125em .375em;
  5. text-transform: uppercase;
  6. font-size: 0.875rem; /* 14px /16 */
  7. text-decoration: none;
  8. background-color: #ddd;
  9. border-radius: 0.1875em; /* 3px /16 */
  10. font-weight: 500;
  11. margin: 0 0.4285714285714em 0.07142857142857em 0; /* 0 6px 1px 0 /14 */
  12. line-height: 1.285714285714; /* 18px /14 */
  13. font-family: system-ui, sans-serif;
  14. }
  15. .minilink[href] {
  16. box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
  17. }
  18. .minilink[href]:hover,
  19. .minilink[href]:focus {
  20. background-color: #bbb;
  21. }
  22. pre + .minilink {
  23. color: #fff;
  24. border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
  25. float: right;
  26. background-color: #444;
  27. color: #fff;
  28. }
  29. pre[class*=language-] + .minilink {
  30. position: relative;
  31. top: -0.7142857142857em; /* -10px /14 */
  32. }
  33. p.minilink {
  34. float: right;
  35. margin-left: 2em;
  36. margin-bottom: 2em;
  37. }
  38. .minilink + pre[class*=language-] {
  39. clear: both;
  40. }