styles.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /* You can add global styles to this file, and also import other style files */
  2. @import 'swiper/scss';
  3. @import 'swiper/scss/navigation';
  4. @import 'swiper/scss/pagination';
  5. *{
  6. margin: 0;
  7. }
  8. body{
  9. padding: 0;
  10. position: fixed;
  11. width: 100%;
  12. max-width: 100%;
  13. height: 100%;
  14. max-height: 100%;
  15. font-size: 16px;
  16. overflow-x: hidden;
  17. }
  18. :root {
  19. --ion-safe-area-top: env(safe-area-inset-top);
  20. --ion-safe-area-bottom: env(safe-area-inset-bottom);
  21. --ion-safe-area-left: env(safe-area-inset-left);
  22. --ion-safe-area-right: env(safe-area-inset-right);
  23. }
  24. body {
  25. padding-top: var(--ion-safe-area-top);
  26. padding-bottom: var(--ion-safe-area-bottom);
  27. padding-left: var(--ion-safe-area-left);
  28. padding-right: var(--ion-safe-area-right);
  29. }
  30. ion-content {
  31. padding-top: var(--ion-safe-area-top);
  32. padding-bottom: var(--ion-safe-area-bottom);
  33. }
  34. @import "@ionic/angular/css/core.css";
  35. @import "@ionic/angular/css/normalize.css";
  36. @import "@ionic/angular/css/structure.css";
  37. @import "@ionic/angular/css/typography.css";
  38. @import "@ionic/angular/css/display.css";
  39. @import "@ionic/angular/css/padding.css";
  40. @import "@ionic/angular/css/float-elements.css";
  41. @import "@ionic/angular/css/text-alignment.css";
  42. @import "@ionic/angular/css/text-transformation.css";
  43. @import "@ionic/angular/css/flex-utils.css";