PageEditorModeManager.module.scss 839 B

12345678910111213141516171819202122232425262728293031323334
  1. // @mixin page-editor-mode-manager($textColor, $borderColor, $bgColorHoverAndActive, $bgColor: white) {
  2. @use '~/styles/bootstrap/init' as bs;
  3. @use '~/styles/mixins';
  4. .grw-page-editor-mode-manager :global {
  5. .btn {
  6. width: 70px;
  7. white-space: nowrap;
  8. @include mixins.border-vertical('before', 70%, 1, true);
  9. &.view-button,
  10. &.edit-button {
  11. line-height: 1.2rem;
  12. .grw-page-editor-mode-manager-icon {
  13. @include bs.media-breakpoint-down(sm) {
  14. font-size: 1.2rem;
  15. }
  16. }
  17. }
  18. &.hackmd-button {
  19. line-height: 1.2rem;
  20. .grw-page-editor-mode-manager-icon {
  21. @include bs.media-breakpoint-down(sm) {
  22. font-size: 1.2rem;
  23. }
  24. }
  25. .grw-page-editor-mode-manager-label {
  26. font-size: 12px;
  27. letter-spacing: -0.6px;
  28. }
  29. }
  30. }
  31. }