custom.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. .home-hero .image {
  2. width: 100px;
  3. height: 100px;
  4. }
  5. .nav-bar .logo {
  6. height: 26px;
  7. margin-right: 8px;
  8. }
  9. .nav-bar .nav-bar-title {
  10. display: flex;
  11. align-items: center;
  12. }
  13. .content img {
  14. border-radius: 10px;
  15. }
  16. .nav-dropdown-link-item .icon {
  17. display: none;
  18. }
  19. .action.alt .icon.outbound {
  20. color: currentColor;
  21. }
  22. .action .item.item.item {
  23. border-color: var(--c-brand);
  24. background-color: var(--c-brand);
  25. }
  26. .action.alt .item.item.item {
  27. background-color: transparent;
  28. }
  29. .action .item.item.item,
  30. .action .item.item.item:hover {
  31. color: var(--c-brand-text);
  32. }
  33. .action.alt .item.item.item {
  34. color: var(--c-text);
  35. border-color: var(--c-brand);
  36. /* transition when toggling dark mode */
  37. transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out,
  38. color 150ms ease-in-out;
  39. }
  40. html.dark .action.alt .item.item.item {
  41. border-color: var(--c-text);
  42. }
  43. .action.alt .item.item.item:hover {
  44. background-color: var(--c-brand-light);
  45. border-color: var(--c-brand-light);
  46. color: var(--c-brand-text);
  47. }
  48. .nav-bar.nav-bar {
  49. background-color: var(--c-bg);
  50. }
  51. .content img {
  52. border-radius: 10px;
  53. }
  54. /* hide external links icons in menus */
  55. .nav-dropdown-link-item .icon {
  56. display: none;
  57. }
  58. .custom-block.tip {
  59. border-color: var(--c-brand-light);
  60. background-color: var(--c-bg-accent);
  61. }
  62. .carbon-ads {
  63. /* display space with the background in mobile too */
  64. padding: 8px;
  65. }
  66. .carbon-ads,
  67. .bsa-cpc {
  68. background-color: var(--c-bg-accent) !important;
  69. }
  70. html:not(.light) .custom-block.warning {
  71. color: var(--c-text);
  72. }
  73. html:not(.light) .custom-block.warning a {
  74. color: var(--c-brand);
  75. }
  76. body,
  77. .nav-bar,
  78. .carbon-ads,
  79. .bsa-cpc,
  80. .custom-block.tip,
  81. code,
  82. div[class*='language-'],
  83. .action.alt .item.item {
  84. transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  85. }
  86. .sidebar.sidebar.sidebar,
  87. .DocSearch,
  88. .DocSearch-Search-Icon,
  89. .DocSearch-Form {
  90. /* transition when toggling dark mode */
  91. transition: transform 250ms ease, background-color 300ms ease-in-out, color 300ms ease-in-out;
  92. }
  93. .DocSearch-Button-Key,
  94. .DocSearch-Footer,
  95. .DocSearch-Modal {
  96. transition: background-color 300ms ease-in-out, color 300ms ease-in-out,
  97. box-shadow 250ms ease-in-out;
  98. }
  99. code {
  100. font-size: 0.95em;
  101. padding: 0.175em 0.35em;
  102. }