/*
 * App Global theme CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */

/* Global variables */
@import "globals.scss";

/* Application styles */
@import "theme.design-system.scss";
@import "theme.custom.scss";
@import "theme.base.scss";

/* Components */
@import "components/collapsible-header.scss";
@import "components/collapsible-item.scss";
@import "components/error-accordion.scss";
@import "components/format-text.scss";
@import "components/mod-label.scss";
@import "components/rubrics.scss";
@import "components/videojs.scss";

/* Ionic components overrides */
html {
    @import "components/ion-action-sheet.scss";
    @import "components/ion-back-button.scss";
    @import "components/ion-button.scss";
    @import "components/ion-card.scss";
    @import "components/ion-chip.scss";
    @import "components/ion-content.scss";
    @import "components/ion-header.scss";
    @import "components/ion-icon.scss";
    @import "components/ion-item.scss";
    @import "components/ion-item-divider.scss";
    @import "components/ion-loading.scss";
    @import "components/ion-note.scss";
    @import "components/ion-popover.scss";
    @import "components/ion-searchbar.scss";
    @import "components/ion-select.scss";
    @import "components/ion-spinner.scss";
    @import "components/ion-toast.scss";
    @import "components/swiper.scss";
}

/* Some styles from 3rd party libraries. */
@import "bootstrap.scss";

/* Core CSS required for Ionic components to work properly */
@import "@ionic/angular/css/core.css";

/* Basic CSS for apps built with Ionic */
@import "@ionic/angular/css/normalize.css";
@import "@ionic/angular/css/structure.css";
@import "@ionic/angular/css/typography.css";
@import "@ionic/angular/css/display.css";

/* Optional CSS utils that can be commented out */
@import "@ionic/angular/css/padding.css";
@import "@ionic/angular/css/float-elements.css";
@import "@ionic/angular/css/text-alignment.css";
@import "@ionic/angular/css/text-transformation.css";
@import "@ionic/angular/css/flex-utils.css";
