style-next.scss 2.9 KB

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