PageAccessoriesControl.module.scss 583 B

123456789101112131415161718192021222324252627282930
  1. @use '@growi/core/scss/bootstrap/init' as bs;
  2. .btn-page-accessories :global {
  3. display: flex;
  4. align-items: center;
  5. padding: 6px 8px;
  6. .grw-labels {
  7. flex-grow: 1;
  8. align-items: center;
  9. justify-content: space-between;
  10. }
  11. }
  12. // apply larger font when smaller than lg
  13. @include bs.media-breakpoint-down(lg) {
  14. .btn-page-accessories :global {
  15. .material-symbols-outlined {
  16. font-size: 2em;
  17. }
  18. }
  19. }
  20. // expand when larger than lg
  21. @include bs.media-breakpoint-up(lg) {
  22. .btn-page-accessories :global {
  23. flex-grow: 1;
  24. padding: 1px 5px 1px 10px;
  25. }
  26. }