appbar-vars.less 827 B

12345678910111213141516171819202122232425262728
  1. :root {
  2. /*
  3. --f7-appbar-offset: var(--f7-appbar-height);
  4. --f7-appbar-extra-offset: 0px;
  5. --f7-appbar-bg-color: var(--f7-bars-bg-color);
  6. --f7-appbar-bg-color-rgb: var(--f7-bars-bg-color-rgb);
  7. --f7-appbar-bg-image: var(--f7-bars-bg-image);
  8. --f7-appbar-border-color: var(--f7-bars-border-color);
  9. --f7-appbar-link-color: var(--f7-bars-link-color);
  10. --f7-appbar-text-color: var(--f7-bars-text-color);
  11. */
  12. --f7-appbar-shadow-image: none;
  13. }
  14. .ios-vars({
  15. --f7-appbar-height: 44px;
  16. --f7-appbar-inner-padding-left: 8px;
  17. --f7-appbar-inner-padding-right: 8px;
  18. });
  19. .md-vars({
  20. --f7-appbar-height: 48px;
  21. --f7-appbar-inner-padding-left: 16px;
  22. --f7-appbar-inner-padding-right: 16px;
  23. });
  24. .aurora-vars({
  25. --f7-appbar-height: 64px;
  26. --f7-appbar-inner-padding-left: 16px;
  27. --f7-appbar-inner-padding-right: 16px;
  28. });