_variables.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. //== GROWI Official Color
  2. $growi-green: #74bc46;
  3. $growi-blue: #175fa5;
  4. //== Marker Color
  5. $grw-marker-yellow: #ff6;
  6. $grw-marker-red: #f6c;
  7. $grw-marker-blue: #6cf;
  8. $grw-marker-cyan: #6ff;
  9. $grw-marker-green: #6f6;
  10. $font-family-for-staff-credit: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !default;
  11. $font-family-monospace-not-strictly: Monaco, Menlo, Consolas, 'Courier New', MeiryoKe_Gothic, monospace;
  12. //== Layout
  13. $grw-navbar-height: 52px;
  14. $grw-navbar-border-width: 3.3333px;
  15. // slightly larger than $zindex-sticky
  16. // https://getbootstrap.jp/docs/4.5/layout/overview/#z-index
  17. $grw-navbar-z-index: 1025;
  18. $grw-subnav-min-height: 95px;
  19. $grw-subnav-min-height-md: 115px;
  20. $grw-subnav-height-on-edit: 95px;
  21. $grw-subnav-height-lg-on-edit: 50px;
  22. $grw-subnav-search-preview-min-height: 90px;
  23. $grw-navbar-bottom-height: 48px;
  24. $grw-editor-navbar-bottom-height: 48px;
  25. $grw-sidebar-nav-width: 64px; // !!DO NOT CHANGE!! 'margin-left' for '.css-teprsg' is hardcoded
  26. $grw-logo-width: $grw-sidebar-nav-width;
  27. $grw-logomark-width: 36px;
  28. // fix tab width to 95 pixels
  29. // see also '_on-edit.scss'
  30. $grw-nav-main-left-tab-width: 95px;
  31. $grw-nav-main-left-tab-width-mobile: 50px;
  32. $grw-nav-main-tab-height: 42px;