minilink.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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, -apple-system, sans-serif;
  14. }
  15. table .minilink {
  16. margin-top: 6px;
  17. }
  18. .minilink[href] {
  19. box-shadow: 0 1px 1px 0 rgba(0,0,0,.5);
  20. }
  21. .minilink[href]:hover,
  22. .minilink[href]:focus {
  23. background-color: #bbb;
  24. }
  25. pre + .minilink {
  26. color: #fff;
  27. border-radius: 0 0 0.2857142857143em 0.2857142857143em; /* 4px /14 */
  28. float: right;
  29. background-color: #444;
  30. color: #fff;
  31. }
  32. pre[class*=language-] + .minilink {
  33. position: relative;
  34. top: -0.7142857142857em; /* -10px /14 */
  35. }
  36. p.minilink {
  37. float: right;
  38. margin-left: 2em;
  39. margin-bottom: 2em;
  40. }
  41. h1 .minilink,
  42. h2 .minilink,
  43. h3 .minilink,
  44. h4 .minilink {
  45. font-size: 0.9375rem; /* 15px /16 */
  46. vertical-align: middle;
  47. margin-left: 1em;
  48. }
  49. h3 .minilink,
  50. h4 .minilink {
  51. font-size: 0.8125rem; /* 13px /16 */
  52. }
  53. .minilink + pre[class*=language-] {
  54. clear: both;
  55. }
  56. .minilink-addedin {
  57. text-transform: none;
  58. box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
  59. }
  60. .minilink-addedin:not(:first-child) {
  61. margin-left: .5em;
  62. }
  63. .minilink-addedin.minilink-inline {
  64. margin: 0 4px;
  65. background-color: #fff;
  66. }
  67. .minilink-lower {
  68. text-transform: none;
  69. background-color: transparent;
  70. }
  71. .minilink-lower[href] {
  72. box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
  73. }
  74. .minilink-lower[href]:hover,
  75. .minilink-lower[href]:focus {
  76. background-color: #eee;
  77. }
  78. .minilink > .minilink {
  79. margin: -.125em .375em -.125em -.375em;
  80. box-shadow: none;
  81. border-top-right-radius: 0;
  82. border-bottom-right-radius: 0;
  83. }