GlobalStylesExpander

Expands:

$applicationRoot.directory$/native/ionic/src/global.scss

if:

true
property value
element type ApplicationInstance
qualified name net.democritus.expander.ionic.applicationinstance.base.GlobalStylesExpander
layer ROOT
technology COMMON
sourceType CSS
phase expansion
features  

Example

Some example of the content generated by the expander:

/*
 * App Global 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
 */

/* 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";

ion-fab-button[ng-reflect-rel]::after {
  position: absolute;
  content: attr(ng-reflect-rel);
  z-index: 1;
  right: 55px;
  bottom: 8px;
  background-color: var(--ion-color-dark);
  padding: 5px 10px;
  border-radius: 3px;
  color: var(--ion-color-dark-contrast);
}

ion-segment {
  background: #fff;
}

ion-spinner.app-loading {
  display: block;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

ion-row.info-fields {
  margin: 10px 16px;

  &:first-child {
    margin-top: 30px;
  }
}

.text-multiline {
  line-height: 25px;
}

// anchor:custom-styles:start
// anchor:custom-styles:end