_variables.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  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. //== Layout
  11. $grw-navbar-height: 52px;
  12. $grw-navbar-border-width: 3.3333px;
  13. // slightly larger than $zindex-sticky
  14. // https://getbootstrap.jp/docs/4.6/layout/overview/#z-index
  15. $grw-navbar-z-index: 1025;
  16. $grw-subnav-min-height: 95px;
  17. $grw-subnav-min-height-md: 115px;
  18. $grw-subnav-height-on-edit: 95px;
  19. $grw-subnav-height-lg-on-edit: 50px;
  20. $grw-subnav-search-preview-min-height: 90px;
  21. $grw-navbar-bottom-height: 48px;
  22. $grw-editor-navbar-bottom-height: 48px;
  23. $grw-sidebar-nav-width: 64px; // !!DO NOT CHANGE!! 'margin-left' for '.css-teprsg' is hardcoded
  24. $grw-logo-width: $grw-sidebar-nav-width;
  25. $grw-logomark-width: 36px;
  26. // fix tab width to 95 pixels
  27. // see also '_editor.scss'
  28. $grw-nav-main-left-tab-width: 95px;
  29. $grw-nav-main-left-tab-width-mobile: 50px;
  30. $grw-nav-main-tab-height: 42px;
  31. $grw-scroll-margin-top-in-view: 130px;