code.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .extensions__code {
  2. @apply relative z-0 flex flex-row flex-nowrap justify-between;
  3. &-lang {
  4. @apply p-1 text-sm;
  5. background: var(--ls-secondary-background-color);
  6. word-break: keep-all;
  7. position: absolute;
  8. width: fit-content;
  9. /* height:2rem; */
  10. order: 3;
  11. left: auto;
  12. right: 0;
  13. /* margin-top: 4px; */
  14. z-index: 9999;
  15. padding: 4px 6px;
  16. line-height: 1em;
  17. opacity: .8;
  18. &:hover {
  19. cursor: pointer;
  20. opacity: 1;
  21. user-select: none;
  22. }
  23. }
  24. &-calc {
  25. @apply text-sm;
  26. padding: 23px 0.25em 0.25em 0.25em;
  27. width: max-content;
  28. text-align: right;
  29. &-output-line {
  30. height: 23px;
  31. white-space: pre;
  32. font-family: Fira Code, Monaco, Menlo, Consolas, 'COURIER NEW', monospace;
  33. }
  34. }
  35. }
  36. .CodeMirror {
  37. height: auto;
  38. max-height: 1024px;
  39. width: 100%;
  40. font-family: Fira Code, Monaco, Menlo, Consolas, 'COURIER NEW', monospace;
  41. border-radius: 2px;
  42. line-height: 1.45em;
  43. &:not(.CodeMirror-focused) {
  44. .CodeMirror-activeline-background {
  45. background: unset !important;
  46. }
  47. }
  48. pre.CodeMirror-line {
  49. box-shadow: none !important;
  50. }
  51. .CodeMirror-hscrollbar {
  52. cursor: pointer;
  53. }
  54. }
  55. .cm-s-solarized.CodeMirror {
  56. box-shadow: none;
  57. }