style-app.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. // import variables
  2. @import 'variables';
  3. @import 'mixins';
  4. @import 'override-bootstrap-variables';
  5. // vendor
  6. @import 'vendor';
  7. // override bootstrap
  8. @import 'override-bootstrap';
  9. // override codemirror
  10. @import 'override-codemirror';
  11. // override react-bootstrap-typeahead styles
  12. @import 'override-rbt';
  13. // override simplebar-react styles
  14. @import 'override-simplebar';
  15. // atoms
  16. @import 'atoms/buttons';
  17. @import 'atoms/code';
  18. @import 'atoms/nav';
  19. @import 'atoms/pre';
  20. @import 'atoms/spinners';
  21. @import 'atoms/custom_control';
  22. // molecules
  23. @import 'molecules/copy-dropdown';
  24. @import 'molecules/page-editor-mode-manager';
  25. @import 'molecules/slack-notification';
  26. @import 'molecules/duplicated-paths-table.scss';
  27. // growi component
  28. @import 'admin';
  29. @import 'attachments';
  30. @import 'bookmarks';
  31. @import 'comment';
  32. @import 'comment_growi';
  33. @import 'drawio';
  34. @import 'create-page';
  35. @import 'draft';
  36. @import 'editor-attachment';
  37. @import 'editor-navbar';
  38. @import 'page-content-footer';
  39. @import 'handsontable';
  40. @import 'layout';
  41. @import 'login';
  42. @import 'me';
  43. @import 'mirror_mode';
  44. @import 'modal';
  45. @import 'navbar';
  46. @import 'old-ios';
  47. @import 'on-edit';
  48. @import 'page-duplicate-modal';
  49. @import 'page_list';
  50. @import 'page-accessories-control';
  51. @import 'page-accessories-modal';
  52. @import 'page-path';
  53. @import 'page-tree';
  54. @import 'page';
  55. @import 'page-presentation';
  56. @import 'page-history';
  57. @import 'recent-changes';
  58. @import 'search';
  59. @import 'shortcuts';
  60. @import 'sidebar';
  61. @import 'sidebar-wiki';
  62. @import 'subnav';
  63. @import 'tag';
  64. @import 'toc';
  65. @import 'user';
  66. @import 'staff_credit';
  67. @import 'waves';
  68. @import 'wiki';
  69. @import 'sharelink';
  70. @import 'linkedit-preview';
  71. /*
  72. * for Guest User Mode
  73. */
  74. // TODO: reactify and replace with `grw-not-available-for-guest`
  75. .dropdown-toggle.dropdown-toggle-disabled {
  76. cursor: not-allowed;
  77. }
  78. // TODO: reactify and replace with `grw-not-available-for-guest`
  79. .edit-button.edit-button-disabled {
  80. cursor: not-allowed;
  81. }
  82. .grw-not-available-for-guest {
  83. cursor: not-allowed !important;
  84. }
  85. /*
  86. * Helper Classes
  87. */
  88. .mw-0 {
  89. min-width: 0;
  90. }
  91. .flex-basis-0 {
  92. flex-basis: 0;
  93. }
  94. .picture {
  95. width: 24px;
  96. height: 24px;
  97. // size list
  98. &.picture-lg {
  99. width: 48px;
  100. height: 48px;
  101. }
  102. &.picture-md {
  103. width: 24px;
  104. height: 24px;
  105. }
  106. &.picture-sm {
  107. width: 18px;
  108. height: 18px;
  109. }
  110. &.picture-xs {
  111. width: 14px;
  112. height: 14px;
  113. }
  114. }
  115. // transplant from FontAwesome
  116. .icon-fw {
  117. display: inline-block;
  118. width: 1.4em;
  119. text-align: left;
  120. }
  121. .cmd-key.mac {
  122. &:after {
  123. content: '⌘';
  124. }
  125. }
  126. .cmd-key.win {
  127. &:after {
  128. content: 'Ctrl';
  129. }
  130. }
  131. .grw-page-control-dropdown-item {
  132. display: flex !important;
  133. align-items: center;
  134. .grw-page-control-dropdown-icon {
  135. display: flex;
  136. justify-content: center;
  137. width: 25px;
  138. }
  139. }