2
0

ExampleApp.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .App {
  2. font-family: sans-serif;
  3. text-align: center;
  4. .comment-avatar {
  5. background: #faa2c1;
  6. border-radius: 66px 67px 67px 0px;
  7. width: 2rem;
  8. height: 2rem;
  9. padding: 4px;
  10. margin: 4px;
  11. img {
  12. width: 100%;
  13. height: 100%;
  14. border-radius: 50%;
  15. }
  16. }
  17. .app-title {
  18. margin-block-start: 0.83em;
  19. margin-block-end: 0.83em;
  20. }
  21. }
  22. .button-wrapper {
  23. input[type="checkbox"] {
  24. margin: 5px;
  25. }
  26. button {
  27. z-index: 1;
  28. height: 40px;
  29. max-width: 200px;
  30. margin: 10px;
  31. padding: 5px;
  32. }
  33. }
  34. .excalidraw .App-menu_top .buttonList {
  35. display: flex;
  36. }
  37. .excalidraw-wrapper {
  38. height: 800px;
  39. margin: 50px;
  40. position: relative;
  41. overflow: hidden;
  42. }
  43. :root[dir="ltr"]
  44. .excalidraw
  45. .layer-ui__wrapper
  46. .zen-mode-transition.App-menu_bottom--transition-left {
  47. transform: none;
  48. }
  49. .excalidraw .panelColumn {
  50. text-align: left;
  51. }
  52. .export-wrapper {
  53. display: flex;
  54. flex-direction: column;
  55. margin: 50px;
  56. &__checkbox {
  57. display: flex;
  58. }
  59. }
  60. .excalidraw {
  61. --color-primary: #faa2c1;
  62. --color-primary-darker: #f783ac;
  63. --color-primary-darkest: #e64980;
  64. --color-primary-light: #fcc2d7;
  65. button.custom-element {
  66. width: 2rem;
  67. height: 2rem;
  68. }
  69. .custom-footer,
  70. .custom-element {
  71. padding: 0.1rem;
  72. margin: 0 8px;
  73. }
  74. .layer-ui__wrapper__footer.App-menu_bottom {
  75. align-items: stretch;
  76. }
  77. // till its merged in OSS
  78. .App-toolbar-container .mobile-misc-tools-container {
  79. position: absolute;
  80. }
  81. }