style-app.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. // import variables
  2. @import '../agile-admin/inverse/variables';
  3. @import 'variables';
  4. @import 'variables-bootstrap';
  5. @import 'mixins';
  6. // vendor
  7. @import 'vendor';
  8. // override bootstrap
  9. @import 'override-bootstrap';
  10. // override react-bootstrap-typeahead styles
  11. @import 'override-rbt';
  12. // atoms
  13. @import 'atoms/buttons';
  14. @import 'atoms/nav';
  15. @import 'atoms/spinners';
  16. // crowi component
  17. @import 'admin';
  18. @import 'attachments';
  19. @import 'comment';
  20. @import 'comment_crowi';
  21. @import 'comment_growi';
  22. @import 'comment_kibela';
  23. @import 'create-page';
  24. @import 'create-template';
  25. @import 'draft';
  26. @import 'editor-attachment';
  27. @import 'editor-navbar';
  28. @import 'handsontable';
  29. @import 'layout';
  30. @import 'layout_crowi';
  31. @import 'layout_crowi_sidebar';
  32. @import 'layout_growi';
  33. @import 'layout_kibela';
  34. @import 'layout_variable';
  35. @import 'login';
  36. @import 'modal';
  37. @import 'navbar';
  38. @import 'navbar_kibela';
  39. @import 'notification';
  40. @import 'on-edit';
  41. @import 'page_list';
  42. @import 'page';
  43. @import 'page_growi';
  44. @import 'search';
  45. @import 'shortcuts';
  46. @import 'tag';
  47. @import 'user';
  48. @import 'user_growi';
  49. @import 'staff_credit';
  50. @import 'waves';
  51. @import 'wiki';
  52. /*
  53. * for Guest User Mode
  54. */
  55. .dropdown-disabled {
  56. cursor: not-allowed;
  57. }
  58. .edit-button.edit-button-disabled {
  59. cursor: not-allowed;
  60. }
  61. /*
  62. * Helper Classes
  63. */
  64. .picture {
  65. width: 24px;
  66. height: 24px;
  67. // size list
  68. &.picture-lg {
  69. width: 48px;
  70. height: 48px;
  71. }
  72. &.picture-md {
  73. width: 24px;
  74. height: 24px;
  75. }
  76. &.picture-sm {
  77. width: 18px;
  78. height: 18px;
  79. }
  80. &.picture-xs {
  81. width: 14px;
  82. height: 14px;
  83. }
  84. }
  85. // transplant from FontAwesome
  86. .icon-fw {
  87. display: inline-block;
  88. width: 1.4em;
  89. text-align: left;
  90. }
  91. .cmd-key.mac {
  92. &:after {
  93. content: '⌘';
  94. }
  95. }
  96. .cmd-key.win {
  97. &:after {
  98. content: 'Ctrl';
  99. }
  100. }